香颂蔚澜后台管理端

smart-property-manage/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins":["transform-vue-jsx", "transform-runtime"]
+}

smart-property-manage/.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

smart-property-manage/.eslintignore

@@ -0,0 +1,3 @@
+build/*.js
+config/*.js
+src/assets

smart-property-manage/.eslintrc.js

@@ -0,0 +1,196 @@
+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/name-property-casing": ["error", "PascalCase"],
+    'accessor-pairs': 2,
+    'arrow-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'block-spacing': [2, 'always'],
+    'brace-style': [2, '1tbs', {
+      'allowSingleLine': true
+    }],
+    'camelcase': [0, {
+      'properties': 'always'
+    }],
+    'comma-dangle': [2, 'never'],
+    'comma-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'comma-style': [2, 'last'],
+    'constructor-super': 2,
+    'curly': [2, 'multi-line'],
+    'dot-location': [2, 'property'],
+    'eol-last': 2,
+    'eqeqeq': [2, 'allow-null'],
+    'generator-star-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'handle-callback-err': [2, '^(err|error)$'],
+    'indent': [2, 2, {
+      'SwitchCase': 1
+    }],
+    'jsx-quotes': [2, 'prefer-single'],
+    'key-spacing': [2, {
+      'beforeColon': false,
+      'afterColon': true
+    }],
+    'keyword-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'new-cap': [2, {
+      'newIsCap': true,
+      'capIsNew': false
+    }],
+    'new-parens': 2,
+    'no-array-constructor': 2,
+    'no-caller': 2,
+    'no-console': 'off',
+    'no-class-assign': 2,
+    'no-cond-assign': 2,
+    'no-const-assign': 2,
+    'no-control-regex': 2,
+    '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']
+  }
+}
+

smart-property-manage/.gitignore

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

smart-property-manage/.postcssrc.js

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

smart-property-manage/.travis.yml

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

smart-property-manage/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.

smart-property-manage/README-zh.md

@@ -0,0 +1,96 @@
+# vue-admin-template
+
+> 这是一个 极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。
+
+[线上地址](http://panjiachen.github.io/vue-admin-template)
+
+[国内访问](https://panjiachen.gitee.io/vue-admin-template)
+
+## Extra
+
+如果你想要根据用户角色来动态生成侧边栏和 router，你可以使用改分支[permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+
+本项目基于`webpack4`开发，若还想使用`webpack3`开发，请使用该分支[webpack3](https://github.com/PanJiaChen/vue-admin-template/tree/webpack3)
+
+如果你想使用基于 vue + typescript 的管理后台, 可以看看这个项目: [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (鸣谢: [@Armour](https://github.com/Armour))
+
+## 相关项目
+
+[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+
+[electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+
+[vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+
+写了一个系列的教程配套文章，如何从零构建后一个完整的后台项目:
+
+- [手摸手，带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2)
+- [手摸手，带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac)
+- [手摸手，带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35)
+- [手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)](https://juejin.im/post/595b4d776fb9a06bbe7dba56)
+- [手摸手，带你封装一个 vue component](https://segmentfault.com/a/1190000009090836)
+
+## Build Setup
+
+```bash
+# Clone project
+git clone https://github.com/PanJiaChen/vue-admin-template.git
+
+# Install dependencies
+npm install
+
+# 建议不要用cnpm  安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题
+npm install --registry=https://registry.npm.taobao.org
+
+# Serve with hot reload at localhost:9528
+npm run dev
+
+# Build for production with minification
+npm run build
+
+# Build for production and view the bundle analyzer report
+npm run build --report
+```
+
+## Demo
+
+![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
+
+### Element-Ui 使用 cdn 教程
+
+首先找到 `index.html` ([根目录下](https://github.com/PanJiaChen/vue-admin-template/blob/element-ui-cdn/index.html))
+
+引入 Element 的 css 和 js ，并且引入 vue 。因为 Element-Ui 是依赖 vue 的，所以必须在它之前引入 vue 。
+
+之后找到 [webpack.base.conf.js](https://github.com/PanJiaChen/vue-admin-template/blob/element-ui-cdn/build/webpack.base.conf.js) 加入 `externals` 让 webpack 不打包 vue 和 element
+
+```
+externals: {
+  vue: 'Vue',
+  'element-ui':'ELEMENT'
+}
+```
+
+之后还有一个小细节是如果你用了全局对象方式引入 vue，就不需要 手动 `Vue.use(Vuex）` ，它会自动挂载，具体见 [issue](https://github.com/vuejs/vuex/issues/731)
+
+最终你可以使用 `npm run build --report` 查看效果
+如图：
+![demo](https://panjiachen.github.io/images/element-cdn.png)
+
+**[具体代码](https://github.com/PanJiaChen/vue-admin-template/commit/746aff560932704ae821f82f10b8b2a9681d5177)**
+
+**[对应分支](https://github.com/PanJiaChen/vue-admin-template/tree/element-ui-cdn)**
+
+## Browsers support
+
+Modern browsers and Internet Explorer 10+.
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+
+## License
+
+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
+
+Copyright (c) 2017-present PanJiaChen

smart-property-manage/README.md

@@ -0,0 +1,88 @@
+# vue-admin-template
+
+> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
+
+**Live demo:** http://panjiachen.github.io/vue-admin-template
+
+[中文文档](https://github.com/PanJiaChen/vue-admin-template/blob/master/README-zh.md)
+
+## Build Setup
+
+```bash
+# Clone project
+git clone https://github.com/PanJiaChen/vue-admin-template.git
+
+# Install dependencies
+npm install
+
+# Serve with hot reload at localhost:9528
+npm run dev
+
+# Build for production with minification
+npm run build
+
+# Build for production and view the bundle analyzer report
+npm run build --report
+```
+
+## Demo
+
+![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
+
+## Extra
+
+If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+
+This project is based on `webpack4` development. If you want to use `webpack3` development, please use this branch [webpack3](https://github.com/PanJiaChen/vue-admin-template/tree/webpack3)
+
+For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
+
+## Related Project
+
+[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+
+[electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+
+[vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+
+### Element-Ui using cdn tutorial
+
+First find `index.html`([root directory](https://github.com/PanJiaChen/vue-admin-template/blob/element-ui-cdn/index.html))
+
+Import css and js of `Element`, and then import vue. Because `Element` is vue-dependent, vue must be import before it.
+
+Then find [webpack.base.conf.js](https://github.com/PanJiaChen/vue-admin-template/blob/element-ui-cdn/build/webpack.base.conf.js)
+Add `externals` to make webpack not package vue and element.
+
+```
+externals: {
+  vue: 'Vue',
+  'element-ui':'ELEMENT'
+}
+```
+
+Finally there is a small detail to pay attention to that if you import vue in global, you don't need to manually `Vue.use(Vuex)`, it will be automatically mounted, see
+[issue](https://github.com/vuejs/vuex/issues/731)
+
+And you can use `npm run build --report` to see the effect
+
+Pictured:
+![demo](https://panjiachen.github.io/images/element-cdn.png)
+
+**[Detailed code](https://github.com/PanJiaChen/vue-admin-template/commit/746aff560932704ae821f82f10b8b2a9681d5177)**
+
+**[Branch](https://github.com/PanJiaChen/vue-admin-template/tree/element-ui-cdn)**
+
+## Browsers support
+
+Modern browsers and Internet Explorer 10+.
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+
+## License
+
+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
+
+Copyright (c) 2017-present PanJiaChen

smart-property-manage/build/build.js

@@ -0,0 +1,45 @@
+'use strict'
+require('./check-versions')()
+
+process.env.NODE_ENV = 'production'
+
+const ora = require('ora')
+const rm = require('rimraf')
+const path = require('path')
+const chalk = require('chalk')
+const webpack = require('webpack')
+const config = require('../config')
+const webpackConfig = require('./webpack.prod.conf')
+
+const spinner = ora('building for production...')
+spinner.start()
+
+rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
+  if (err) throw err
+  webpack(webpackConfig, (err, stats) => {
+    spinner.stop()
+    if (err) throw err
+    process.stdout.write(
+      stats.toString({
+        colors: true,
+        modules: false,
+        children: false,
+        chunks: false,
+        chunkModules: false
+      }) + '\n\n'
+    )
+
+    if (stats.hasErrors()) {
+      console.log(chalk.red('  Build failed with errors.\n'))
+      process.exit(1)
+    }
+
+    console.log(chalk.cyan('  Build complete.\n'))
+    console.log(
+      chalk.yellow(
+        '  Tip: built files are meant to be served over an HTTP server.\n' +
+          "  Opening index.html over file:// won't work.\n"
+      )
+    )
+  })
+})

smart-property-manage/build/check-versions.js

@@ -0,0 +1,64 @@
+'use strict'
+const chalk = require('chalk')
+const semver = require('semver')
+const packageConfig = require('../package.json')
+const shell = require('shelljs')
+
+function exec(cmd) {
+  return require('child_process')
+    .execSync(cmd)
+    .toString()
+    .trim()
+}
+
+const versionRequirements = [
+  {
+    name: 'node',
+    currentVersion: semver.clean(process.version),
+    versionRequirement: packageConfig.engines.node
+  }
+]
+
+if (shell.which('npm')) {
+  versionRequirements.push({
+    name: 'npm',
+    currentVersion: exec('npm --version'),
+    versionRequirement: packageConfig.engines.npm
+  })
+}
+
+module.exports = function() {
+  const warnings = []
+
+  for (let i = 0; i < versionRequirements.length; i++) {
+    const mod = versionRequirements[i]
+
+    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+      warnings.push(
+        mod.name +
+          ': ' +
+          chalk.red(mod.currentVersion) +
+          ' should be ' +
+          chalk.green(mod.versionRequirement)
+      )
+    }
+  }
+
+  if (warnings.length) {
+    console.log('')
+    console.log(
+      chalk.yellow(
+        'To use this template, you must update following to modules:'
+      )
+    )
+    console.log()
+
+    for (let i = 0; i < warnings.length; i++) {
+      const warning = warnings[i]
+      console.log('  ' + warning)
+    }
+
+    console.log()
+    process.exit(1)
+  }
+}

smart-property-manage/build/utils.js

@@ -0,0 +1,108 @@
+'use strict'
+const path = require('path')
+const config = require('../config')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const packageConfig = require('../package.json')
+
+exports.assetsPath = function(_path) {
+  const assetsSubDirectory =
+    process.env.NODE_ENV === 'production'
+      ? config.build.assetsSubDirectory
+      : config.dev.assetsSubDirectory
+
+  return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function(options) {
+  options = options || {}
+
+  const cssLoader = {
+    loader: 'css-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  const postcssLoader = {
+    loader: 'postcss-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  // generate loader string to be used with extract text plugin
+  function generateLoaders(loader, loaderOptions) {
+    const loaders = []
+
+    // Extract CSS when that option is specified
+    // (which is the case during production build)
+    if (options.extract) {
+      loaders.push(MiniCssExtractPlugin.loader)
+    } else {
+      loaders.push('vue-style-loader')
+    }
+
+    loaders.push(cssLoader)
+
+    if (options.usePostCSS) {
+      loaders.push(postcssLoader)
+    }
+
+    if (loader) {
+      loaders.push({
+        loader: loader + '-loader',
+        options: Object.assign({}, loaderOptions, {
+          sourceMap: options.sourceMap
+        })
+      })
+    }
+
+    return loaders
+  }
+  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
+  return {
+    css: generateLoaders(),
+    postcss: generateLoaders(),
+    less: generateLoaders('less'),
+    sass: generateLoaders('sass', {
+      indentedSyntax: true
+    }),
+    scss: generateLoaders('sass'),
+    stylus: generateLoaders('stylus'),
+    styl: generateLoaders('stylus')
+  }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function(options) {
+  const output = []
+  const loaders = exports.cssLoaders(options)
+
+  for (const extension in loaders) {
+    const loader = loaders[extension]
+    output.push({
+      test: new RegExp('\\.' + extension + '$'),
+      use: loader
+    })
+  }
+
+  return output
+}
+
+exports.createNotifierCallback = () => {
+  const notifier = require('node-notifier')
+
+  return (severity, errors) => {
+    if (severity !== 'error') return
+
+    const error = errors[0]
+    const filename = error.file && error.file.split('!').pop()
+
+    notifier.notify({
+      title: packageConfig.name,
+      message: severity + ': ' + error.name,
+      subtitle: filename || '',
+      icon: path.join(__dirname, 'logo.png')
+    })
+  }
+}

smart-property-manage/build/vue-loader.conf.js

@@ -0,0 +1,5 @@
+'use strict'
+
+module.exports = {
+  //You can set the vue-loader configuration by yourself.
+}

smart-property-manage/build/webpack.base.conf.js

@@ -0,0 +1,117 @@
+'use strict'
+const path = require('path')
+const webpack = require('webpack')
+const utils = require('./utils')
+const config = require('../config')
+const { VueLoaderPlugin } = require('vue-loader')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+const createLintingRule = () => ({
+  test: /\.(js|vue)$/,
+  loader: 'eslint-loader',
+  enforce: 'pre',
+  include: [resolve('src'), resolve('test')],
+  options: {
+    formatter: require('eslint-friendly-formatter'),
+    emitWarning: !config.dev.showEslintErrorsInOverlay
+  }
+})
+
+module.exports = {
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath:
+      process.env.NODE_ENV === 'production'
+        ? config.build.assetsPublicPath
+        : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      '@': resolve('src')
+    }
+  },
+  module: {
+    rules: [
+      ...(config.dev.useEslint ? [createLintingRule()] : []),
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [
+          resolve('src'),
+          resolve('test'),
+          resolve('node_modules/webpack-dev-server/client')
+        ]
+      },
+      {
+        test: /\.svg$/,
+        loader: 'svg-sprite-loader',
+        include: [resolve('src/icons')],
+        options: {
+          symbolId: 'icon-[name]'
+        }
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        exclude: [resolve('src/icons')],
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  plugins: [new VueLoaderPlugin(),
+  new webpack.ProvidePlugin({
+    $: "jquery",
+    jQuery: "jquery",
+    "windows.jQuery": "jquery"
+  })],
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  },
+  externals: {
+    'AMap': 'AMap',
+    'AMapUI': 'AMapUI'
+  }
+}

smart-property-manage/build/webpack.dev.conf.js

@@ -0,0 +1,95 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const baseWebpackConfig = require('./webpack.base.conf')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+const portfinder = require('portfinder')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+const HOST = process.env.HOST
+const PORT = process.env.PORT && Number(process.env.PORT)
+
+const devWebpackConfig = merge(baseWebpackConfig, {
+  mode: 'development',
+  module: {
+    rules: utils.styleLoaders({
+      sourceMap: config.dev.cssSourceMap,
+      usePostCSS: true
+    })
+  },
+  // cheap-module-eval-source-map is faster for development
+  devtool: config.dev.devtool,
+
+  // these devServer options should be customized in /config/index.js
+  devServer: {
+    clientLogLevel: 'warning',
+    historyApiFallback: true,
+    hot: true,
+    compress: true,
+    host: HOST || config.dev.host,
+    port: PORT || config.dev.port,
+    open: config.dev.autoOpenBrowser,
+    overlay: config.dev.errorOverlay
+      ? { warnings: false, errors: true }
+      : false,
+    publicPath: config.dev.assetsPublicPath,
+    proxy: config.dev.proxyTable,
+    quiet: true, // necessary for FriendlyErrorsPlugin
+    watchOptions: {
+      poll: config.dev.poll
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': require('../config/dev.env')
+    }),
+    new webpack.HotModuleReplacementPlugin(),
+    // https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: 'index.html',
+      inject: true,
+      favicon: resolve('zhihui.jpg'),
+      title: '智慧社区物业平台'
+    })
+  ]
+})
+
+module.exports = new Promise((resolve, reject) => {
+  portfinder.basePort = process.env.PORT || config.dev.port
+  portfinder.getPort((err, port) => {
+    if (err) {
+      reject(err)
+    } else {
+      // publish the new Port, necessary for e2e tests
+      process.env.PORT = port
+      // add port to devServer config
+      devWebpackConfig.devServer.port = port
+
+      // Add FriendlyErrorsPlugin
+      devWebpackConfig.plugins.push(
+        new FriendlyErrorsPlugin({
+          compilationSuccessInfo: {
+            messages: [
+              `Your application is running here: http://${
+              devWebpackConfig.devServer.host
+              }:${port}`
+            ]
+          },
+          onErrors: config.dev.notifyOnErrors
+            ? utils.createNotifierCallback()
+            : undefined
+        })
+      )
+
+      resolve(devWebpackConfig)
+    }
+  })
+})

smart-property-manage/build/webpack.prod.conf.js

@@ -0,0 +1,178 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+
+function resolve(dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+const env = require('../config/prod.env')
+
+// For NamedChunksPlugin
+const seen = new Set()
+const nameLength = 4
+
+const webpackConfig = merge(baseWebpackConfig, {
+  mode: 'production',
+  module: {
+    rules: utils.styleLoaders({
+      sourceMap: config.build.productionSourceMap,
+      extract: true,
+      usePostCSS: true
+    })
+  },
+  devtool: config.build.productionSourceMap ? config.build.devtool : false,
+  output: {
+    path: config.build.assetsRoot,
+    filename: utils.assetsPath('js/[name].[chunkhash:8].js'),
+    chunkFilename: utils.assetsPath('js/[name].[chunkhash:8].js')
+  },
+  plugins: [
+    // http://vuejs.github.io/vue-loader/en/workflow/production.html
+    new webpack.DefinePlugin({
+      'process.env': env
+    }),
+    // extract css into its own file
+    new MiniCssExtractPlugin({
+      filename: utils.assetsPath('css/[name].[contenthash:8].css'),
+      chunkFilename: utils.assetsPath('css/[name].[contenthash:8].css')
+    }),
+    // generate dist index.html with correct asset hash for caching.
+    // you can customize output by editing /index.html
+    // see https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: config.build.index,
+      template: 'index.html',
+      inject: true,
+      favicon: resolve('zhihui.jpg'),
+      title: '智慧社区物业平台',
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeAttributeQuotes: true
+        // more options:
+        // https://github.com/kangax/html-minifier#options-quick-reference
+      }
+      // default sort mode uses toposort which cannot handle cyclic deps
+      // in certain cases, and in webpack 4, chunk order in HTML doesn't
+      // matter anyway
+    }),
+    new ScriptExtHtmlWebpackPlugin({
+      //`runtime` must same as runtimeChunk name. default is `runtime`
+      inline: /runtime\..*\.js$/
+    }),
+    // keep chunk.id stable when chunk has no name
+    new webpack.NamedChunksPlugin(chunk => {
+      if (chunk.name) {
+        return chunk.name
+      }
+      const modules = Array.from(chunk.modulesIterable)
+      if (modules.length > 1) {
+        const hash = require('hash-sum')
+        const joinedHash = hash(modules.map(m => m.id).join('_'))
+        let len = nameLength
+        while (seen.has(joinedHash.substr(0, len))) len++
+        seen.add(joinedHash.substr(0, len))
+        return `chunk-${joinedHash.substr(0, len)}`
+      } else {
+        return modules[0].id
+      }
+    }),
+    // keep module.id stable when vender modules does not change
+    new webpack.HashedModuleIdsPlugin(),
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.build.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ],
+  optimization: {
+    splitChunks: {
+      chunks: 'all',
+      cacheGroups: {
+        libs: {
+          name: 'chunk-libs',
+          test: /[\\/]node_modules[\\/]/,
+          priority: 10,
+          chunks: 'initial' // 只打包初始时依赖的第三方
+        },
+        elementUI: {
+          name: 'chunk-elementUI', // 单独将 elementUI 拆包
+          priority: 20, // 权重要大于 libs 和 app 不然会被打包进 libs 或者 app
+          test: /[\\/]node_modules[\\/]element-ui[\\/]/
+        }
+      }
+    },
+    runtimeChunk: 'single',
+    minimizer: [
+      new UglifyJsPlugin({
+        uglifyOptions: {
+          mangle: {
+            safari10: true
+          }
+        },
+        sourceMap: config.build.productionSourceMap,
+        cache: true,
+        parallel: true
+      }),
+      // Compress extracted CSS. We are using this plugin so that possible
+      // duplicated CSS from different components can be deduped.
+      new OptimizeCSSAssetsPlugin()
+    ]
+  }
+})
+
+if (config.build.productionGzip) {
+  const CompressionWebpackPlugin = require('compression-webpack-plugin')
+
+  webpackConfig.plugins.push(
+    new CompressionWebpackPlugin({
+      asset: '[path].gz[query]',
+      algorithm: 'gzip',
+      test: new RegExp(
+        '\\.(' + config.build.productionGzipExtensions.join('|') + ')$'
+      ),
+      threshold: 10240,
+      minRatio: 0.8
+    })
+  )
+}
+
+if (config.build.generateAnalyzerReport || config.build.bundleAnalyzerReport) {
+  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
+    .BundleAnalyzerPlugin
+
+  if (config.build.bundleAnalyzerReport) {
+    webpackConfig.plugins.push(
+      new BundleAnalyzerPlugin({
+        analyzerPort: 8080,
+        generateStatsFile: false
+      })
+    )
+  }
+
+  if (config.build.generateAnalyzerReport) {
+    webpackConfig.plugins.push(
+      new BundleAnalyzerPlugin({
+        analyzerMode: 'static',
+        reportFilename: 'bundle-report.html',
+        openAnalyzer: false
+      })
+    )
+  }
+}
+
+module.exports = webpackConfig

smart-property-manage/config/dev.env.js

@@ -0,0 +1,8 @@
+'use strict'
+const merge = require('webpack-merge')
+const prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+  NODE_ENV: '"development"',
+  BASE_API: '"http://localhost:8086/property-api"',
+})

smart-property-manage/config/index.js

@@ -0,0 +1,93 @@
+'use strict'
+// Template version: 1.2.6
+// see http://vuejs-templates.github.io/webpack for documentation.
+
+const path = require('path')
+
+module.exports = {
+  dev: {
+    // Paths
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    proxyTable: {
+      // '/api': {
+      //   target: 'http://baidu.com',
+      //   pathRewrite: {
+      //     '^/api': ''
+      //   }
+      // }
+    },
+
+    // Various Dev Server settings
+    host: 'localhost', // can be overwritten by process.env.HOST
+    port: 9530, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    autoOpenBrowser: true,
+    errorOverlay: true,
+    notifyOnErrors: false,
+    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
+
+    // Use Eslint Loader?
+    // If true, your code will be linted during bundling and
+    // linting errors and warnings will be shown in the console.
+    useEslint: false,
+    // If true, eslint errors and warnings will also be shown in the error overlay
+    // in the browser.
+    showEslintErrorsInOverlay: false,
+
+    /**
+     * Source Maps
+     */
+
+    // https://webpack.js.org/configuration/devtool/#development
+    devtool: 'cheap-source-map',
+
+    // CSS Sourcemaps off by default because relative paths are "buggy"
+    // with this option, according to the CSS-Loader README
+    // (https://github.com/webpack/css-loader#sourcemaps)
+    // In our experience, they generally work as expected,
+    // just be aware of this issue when enabling this option.
+    cssSourceMap: false
+  },
+
+  build: {
+    // Template for index.html
+    index: path.resolve(__dirname, '../dist/index.html'),
+
+    // Paths
+    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsSubDirectory: 'static',
+
+    /**
+     * You can set by youself according to actual condition
+     * You will need to set this if you plan to deploy your site under a sub path,
+     * for example GitHub pages. If you plan to deploy your site to https://foo.github.io/bar/,
+     * then assetsPublicPath should be set to "/bar/".
+     * In most cases please use '/' !!!
+     */
+    assetsPublicPath: '/',
+
+    /**
+     * Source Maps
+     */
+
+    productionSourceMap: false,
+    // https://webpack.js.org/configuration/devtool/#production
+    devtool: 'source-map',
+
+    // Gzip off by default as many popular static hosts such as
+    // Surge or Netlify already gzip all static assets for you.
+    // Before setting to `true`, make sure to:
+    // npm install --save-dev compression-webpack-plugin
+    productionGzip: false,
+    productionGzipExtensions: ['js', 'css'],
+
+    // Run the build command with an extra argument to
+    // View the bundle analyzer report after build finishes:
+    // `npm run build --report`
+    // Set to `true` or `false` to always turn it on or off
+    bundleAnalyzerReport: process.env.npm_config_report || false,
+
+    // `npm run build:prod --generate_report`
+    generateAnalyzerReport: process.env.npm_config_generate_report || false
+  }
+}

smart-property-manage/config/prod.env.js

@@ -0,0 +1,6 @@
+'use strict'
+module.exports = {
+  NODE_ENV: '"production"',
+  // BASE_API: '"http://106.14.20.193:8086/property-api"',
+  BASE_API: '"http://property.jcjyhn.com/property-api"',
+}

smart-property-manage/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>智慧社区物业平台</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

smart-property-manage/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "vue-admin-template",
+  "version": "3.8.0",
+  "license": "MIT",
+  "description": "A vue admin template with Element UI & axios & iconfont & permission control & lint",
+  "author": "Pan <panfree23@gmail.com>",
+  "scripts": {
+    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "start": "npm run dev",
+    "build": "node build/build.js",
+    "build:report": "npm_config_report=true npm run build",
+    "lint": "eslint --ext .js,.vue src",
+    "test": "npm run lint",
+    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml"
+  },
+  "dependencies": {
+    "add": "^2.0.6",
+    "axios": "0.18.0",
+    "dayjs": "^1.9.6",
+    "element-ui": "2.4.6",
+    "file-saver": "^2.0.0-rc.4",
+    "html2canvas": "^1.0.0-rc.1",
+    "jquery": "^2.2.3",
+    "js-cookie": "2.2.0",
+    "normalize.css": "7.0.0",
+    "nprogress": "0.2.0",
+    "qrcode": "^1.3.3",
+    "qs": "^6.6.0",
+    "vue": "2.5.17",
+    "vue-amap": "^0.5.8",
+    "vue-photo-preview": "^1.1.3",
+    "vue-router": "3.0.1",
+    "vuex": "3.0.1",
+    "wangeditor": "^3.1.1",
+    "xlsx": "^0.14.0"
+  },
+  "devDependencies": {
+    "@antv/data-set": "^0.10.1",
+    "@antv/g2": "^3.4.1",
+    "autoprefixer": "8.5.0",
+    "babel-core": "6.26.0",
+    "babel-eslint": "8.2.6",
+    "babel-helper-vue-jsx-merge-props": "2.0.3",
+    "babel-loader": "7.1.5",
+    "babel-plugin-syntax-jsx": "6.18.0",
+    "babel-plugin-transform-runtime": "6.23.0",
+    "babel-plugin-transform-vue-jsx": "3.7.0",
+    "babel-preset-env": "1.7.0",
+    "babel-preset-stage-2": "6.24.1",
+    "chalk": "2.4.1",
+    "copy-webpack-plugin": "4.5.2",
+    "css-loader": "1.0.0",
+    "eslint": "4.19.1",
+    "eslint-friendly-formatter": "4.0.1",
+    "eslint-loader": "2.0.0",
+    "eslint-plugin-vue": "4.7.1",
+    "eventsource-polyfill": "0.9.6",
+    "file-loader": "1.1.11",
+    "friendly-errors-webpack-plugin": "1.7.0",
+    "html-webpack-plugin": "4.0.0-alpha",
+    "jquery": "^2.2.3",
+    "mini-css-extract-plugin": "0.4.1",
+    "node-notifier": "5.2.1",
+    "node-sass": "^4.7.2",
+    "optimize-css-assets-webpack-plugin": "5.0.0",
+    "ora": "3.0.0",
+    "path-to-regexp": "2.4.0",
+    "portfinder": "1.0.16",
+    "postcss-import": "12.0.0",
+    "postcss-loader": "2.1.6",
+    "postcss-url": "7.3.2",
+    "rimraf": "2.6.2",
+    "sass-loader": "7.0.3",
+    "script-ext-html-webpack-plugin": "2.0.1",
+    "script-loader": "^0.7.2",
+    "semver": "5.5.0",
+    "shelljs": "0.8.2",
+    "svg-sprite-loader": "3.8.0",
+    "svgo": "1.0.5",
+    "uglifyjs-webpack-plugin": "1.2.7",
+    "url-loader": "1.0.1",
+    "vue-loader": "15.3.0",
+    "vue-style-loader": "4.1.2",
+    "vue-template-compiler": "2.5.17",
+    "webpack": "4.16.5",
+    "webpack-bundle-analyzer": "2.13.1",
+    "webpack-cli": "3.1.0",
+    "webpack-dev-server": "3.1.5",
+    "webpack-merge": "4.1.4"
+  },
+  "engines": {
+    "node": ">= 6.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}

smart-property-manage/src/App.vue

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

smart-property-manage/src/api/activity.js

@@ -0,0 +1,118 @@
+import request from '@/utils/request'
+
+// 查询活动数据列表
+export function activityList(data) {
+  return request({
+    url: '/activity/list',
+    method: 'post',
+    data: {
+      id: data.id,
+      activityTitle: data.activityTitle,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+
+// 添加活动
+export function addActivity(data) {
+  return request({
+    url: '/activity/add',
+    method: 'post',
+    data: {
+      activityTitle: data.activityTitle,
+      activityCarouselImg: data.activityCarouselImg, // 轮播图
+      activityContent: data.activityContent, // 活动内容详细
+      contentImg: data.contentImg, // 活动内容配图
+      signUpMax: data.signUpMax, //  活动人数上限
+      registrationEndTime: data.registrationEndTime, // 报名活动结束时间
+      sort: data.sort, // 权重
+      status: data.status, // 状态 0 是已作废 1 是已发布   2 是草稿 3 是已修改
+      radio: data.radio // 是否需要二维码1需要，2不需要
+    }
+  })
+}
+
+// 修改活动
+export function updateActivity(data) {
+  return request({
+    url: '/activity/update',
+    method: 'put',
+    data: {
+      signInCode: data.signInCode,
+      id: data.id,
+      activityTitle: data.activityTitle,
+      activityCarouselImg: data.activityCarouselImg, // 轮播图
+      activityContent: data.activityContent, // 活动内容详细
+      contentImg: data.contentImg, // 活动内容配图
+      signUpMax: data.signUpMax, //  活动人数上限
+      registrationEndTime: data.registrationEndTime, // 报名活动结束时间
+      sort: data.sort, // 权重
+      status: data.status, // 状态 0 是已作废 1 是已发布   2 是草稿 3 是已修改
+      radio: data.signInCode
+    }
+  })
+}
+
+// 查询 活动详情
+export function activityById(id) {
+  return request({
+    url: '/activity/' + id,
+    method: 'get'
+  })
+}
+
+// 批量活动作废
+export function invalidActivity(data) {
+  return request({
+    url: '/activity/invalid',
+    method: 'put',
+    data: {
+      ids: data.ids,
+      status: data.status
+    }
+  })
+}
+
+// 查询活动报名人
+export function getSignUp(data) {
+  return request({
+    url: '/signUp',
+    method: 'post',
+    data: {
+      signUpId: data.signUpId,
+      id: data.id,
+      userName: data.userName,
+      phone: data.phone,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+
+// 删除活动报名人
+export function deleteSignUp(data) {
+  console.log(data)
+  return request({
+    url: '/signUp/' + data.deleteId,
+    method: 'delete',
+    data: {
+      sendSMS: data.sendSMS
+    }
+  })
+}
+
+// 根据活动id 获取所有签到人员列表
+export function getActivitySignIn(data) {
+  return request({
+    url: '/activity/signIn/' + data.activityId,
+    method: 'get',
+    params: {
+      userName: data.userName,
+      userTel: data.userTel,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+

smart-property-manage/src/api/announcement.js

@@ -0,0 +1,69 @@
+import request from '@/utils/request'
+
+// 获取当前小区的所有公告
+export function listAnnouncement(data) {
+  return request({
+    url: '/tpAnnouncement',
+    method: 'post',
+    data: {
+      announcementNumber: data.announcementNumber,
+      announcementTitle: data.announcementTitle,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+// 添加公告
+export function addAnnouncement(data) {
+  return request({
+    url: '/addAnnouncement',
+    method: 'post',
+    data: {
+      announcementTitle: data.announcementTitle,
+      announcementCarouselImg: data.announcementCarouselImg,
+      contentImg: data.contentImg,
+      announcementContent: data.announcementContent,
+      sort: data.sort,
+      status: data.status
+    }
+  })
+}
+// 根据id查询公告
+export function announcementById(data) {
+  console.log(123)
+  console.log(data)
+  return request({
+    url: '/announcementById',
+    method: 'post',
+    data: {
+      id: data.id
+    }
+  })
+}
+// 修改公告
+export function updateannouncement(data) {
+  return request({
+    url: '/updateAnnouncement',
+    method: 'post',
+    data: {
+      id: data.id,
+      announcementTitle: data.announcementTitle,
+      announcementCarouselImg: data.announcementCarouselImg,
+      contentImg: data.contentImg,
+      announcementContent: data.announcementContent,
+      sort: data.sort,
+      status: data.status
+    }
+  })
+}
+// 批量删除(data)里面是单子字段的多个id
+export function deleteAnnouncement(data) {
+  return request({
+    url: '/deleteAnnouncement',
+    method: 'post',
+    data: {
+      id: data.ids,
+      status: data.status
+    }
+  })
+}

smart-property-manage/src/api/banner.js

@@ -0,0 +1,94 @@
+import request from '@/utils/request'
+
+// 根据条件查询 banner
+export function getBanner(banner) {
+  return request({
+    url: '/banner/list',
+    method: 'get',
+    params: banner
+  })
+}
+
+// 添加banner
+export function addBanner(banner) {
+  return request({
+    url: '/banner',
+    method: 'post',
+    data: banner
+  })
+}
+
+// 修改 banner
+export function updateBanner(banner) {
+  return request({
+    url: '/banner',
+    method: 'put',
+    data: banner
+  })
+}
+
+// 删除 banner, 批量[10,25,65]
+export function deleteBanner(bannerId) {
+  return request({
+    url: '/banner',
+    method: 'delete',
+    data: bannerId
+  })
+}
+
+// 根据bannerId 查询 banner
+export function getByBannerId(bannerId) {
+  return request({
+    url: '/banner/' + bannerId,
+    method: 'get'
+  })
+}
+
+// 修改公告的Banner数量
+export function carouselAnnouncementBanner(num) {
+  return request({
+    url: '/carousel/announcement/banner',
+    method: 'put',
+    data: {
+      carouselNum: num
+    }
+  })
+}
+
+// 修改活动的Banner数量
+export function carouselActivityBanner(num) {
+  return request({
+    url: '/carousel/activity/banner',
+    method: 'put',
+    data: {
+      carouselNum: num
+    }
+  })
+}
+
+//  获取banner的设置数量
+export function carouselGetBanner() {
+  return request({
+    url: '/carousel/getBanner',
+    method: 'get'
+  })
+}
+
+// 查看是否开启访客车辆邀请
+export function getVisitorLicenseSetting() {
+  return request({
+    url: '/visitor',
+    method: 'get'
+  })
+}
+
+// 是否开启访客邀请车辆
+export function visitorSaveOrDelete(visitorLicenseBool) {
+  return request({
+    url: '/visitor/saveOrDelete',
+    method: 'post',
+    params: {
+      visitorLicenseBool: visitorLicenseBool
+    }
+  })
+}

smart-property-manage/src/api/batchImport.js

@@ -0,0 +1,61 @@
+import request from '@/utils/ajax'
+
+export function uploadBuildingExcel(query) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/building/uploadExcel',
+      method: 'post',
+      data: query
+    }).then((res) => {
+      console.log('out')
+      resolve(res)
+    }).catch((err) => {
+      console.log(err)
+    })
+  })
+}
+
+export function submitBuildingExcel(query) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/building/submitExcel',
+      method: 'post',
+      data: query
+    }).then((res) => {
+      console.log('out')
+      resolve(res)
+    }).catch((err) => {
+      console.log(err)
+    })
+  })
+}
+
+export function uploadBuildingTreeExcel(query) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/tree/uploadExcel',
+      method: 'post',
+      data: query
+    }).then((res) => {
+      console.log('out')
+      resolve(res)
+    }).catch((err) => {
+      console.log(err)
+    })
+  })
+}
+
+export function submitBuildingTreeExcel(query) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/tree/submitExcel',
+      method: 'post',
+      data: query
+    }).then((res) => {
+      console.log('out')
+      resolve(res)
+    }).catch((err) => {
+      console.log(err)
+    })
+  })
+}

smart-property-manage/src/api/bill.js

@@ -0,0 +1,72 @@
+import request from '@/utils/request'
+
+export function fetchBillList(query) {
+  return request({
+    url: '/bills',
+    method: 'get',
+    params: query
+  })
+}
+
+// 保存草稿 或者 发布账单
+export function billUploadExcelAdd(data) {
+  return request({
+    url: '/bill/uploadExcel/add',
+    method: 'post',
+    header: {
+      'Content-Type': 'multipart/form-data'
+    },
+    data
+    // data: {
+    //   file: data.files,
+    //   billName: data.billName,
+    //   billExplain: data.billExplain,
+    //   endDate: data.endDate,
+    //   billStatus: data.billStatus
+    // }
+  })
+}
+
+// 根据 id 修改缴费项状态
+export function updateBillStatus(data) {
+  return request({
+    url: '/bill/updateBillStatus/' + data.id,
+    method: 'put',
+    params: {
+      billStatus: data.billStatus
+    }
+  })
+}
+
+//  根据 id集合 删除缴费项
+export function deleteBillBeach(data) {
+  return request({
+    url: '/bill/deleteBillBeach',
+    method: 'post',
+    data
+  })
+}
+
+// 下载excel模板
+export function billDownloadExcel() {
+  return request({
+    url: '/bill/downloadExcel',
+    method: 'get',
+    responseType: 'blob'
+  })
+}
+
+// 根据收费项ID查询,收费项详情
+export function getBillInfoBydId(id) {
+  return request({
+    url: '/bill/' + id,
+    method: 'get'
+  })
+}
+// 根据收费项ID查询订单号
+export function getOrderInfo(id) {
+  return request({
+    url: '/bill/order/getById/' + id,
+    method: 'get'
+  })
+}

smart-property-manage/src/api/billInvoice.js

@@ -0,0 +1,149 @@
+import request from '@/utils/request'
+
+// 查询缴费单
+export function getBillInvoiceList(data) {
+  return request({
+    url: '/bill/invoice/list',
+    method: 'post',
+    data: {
+      billId: data.billId, // 缴费项目id
+      phase: data.phase,
+      building: data.building,
+      unit: data.unit,
+      roomNo: data.roomNo,
+      ownerName: data.ownerName,
+      billStatus: data.billStatus,
+      payName: data.payName,
+      pageSize: data.pageSize,
+      pageNum: data.pageNum
+    }
+  })
+}
+
+// 修改缴费项 收费项名称,缴费项说明,截止时间
+export function updateBillNameAndBillExplainAndEndDate(data) {
+  return request({
+    url: '/bill/invoice/updateBill',
+    method: 'put',
+    data: {
+      id: data.id, // 收费项ID
+      billName: data.billName, // 收费项名称
+      billExplain: data.billExplain, // 缴费项说明
+      endDate: data.endDate // 截止时间
+    }
+  })
+}
+
+// 根据ID 查询缴费项信息
+export function getBillByIdInfo(id) {
+  return request({
+    url: '/bill/' + id,
+    method: 'get'
+  })
+}
+
+//  根据 id 批量删除 缴费单
+export function deleteBillInvoiceById(data) {
+  return request({
+    url: '/bill/invoice/delete',
+    method: 'post',
+    data
+  })
+}
+
+// 设置线下缴费
+export function billInvoiceOfflinePayment(data) {
+  return request({
+    url: '/bill/invoice/offlinePayment',
+    method: 'post',
+    data
+  })
+}
+
+// 由前台批量添加收费单, 默认定为 作废
+export function addTempBillInvoice(data) {
+  return request({
+    url: '/bill/invoice/addTempBillInvoice',
+    method: 'post',
+    data: {
+      billId: data.billId, //  收费项id
+      phase: data.phaseId, // 期/区
+      building: data.buildingId, // 栋
+      unit: data.unitId, // 单元
+      level: data.levelId, // 楼层
+      roomNo: data.roomNoId, // 户号
+      worthOf: data.worthOf, // 催缴日期
+      billInvoiceExplain: data.billInvoiceExplain, // 收费单说明
+      payPrice: data.payPrice // 收费金额
+    }
+  })
+}
+
+// 由前台批量添加收费单, 进行统一的提交, 修改为有效
+export function updateBillInvoiceStatus(data) {
+  return request({
+    url: '/bill/invoice/updateBillInvoiceStatus',
+    method: 'post',
+    data
+  })
+}
+
+// 查询前台批量添加的收费单, 状态是作废
+export function getTempBillInvoice(billId) {
+  return request({
+    url: '/bill/invoice/getTempBillInvoice/' + billId,
+    method: 'get'
+  })
+}
+
+// 根据id删除收费单, 只能删除作废的
+export function deleteTempBillInvoice(billId) {
+  return request({
+    url: '/bill/invoice/deleteTempBillInvoice/' + billId,
+    method: 'delete'
+  })
+}
+
+// 根据缴费单id, 修改金额
+export function updateBillInvoiceIdPayPrice(data) {
+  return request({
+    url: '/bill/invoice/updateBillInvoiceIdPayPrice/' + data.id,
+    method: 'post',
+    data: {
+      payPrice: data.payPrice
+    }
+  })
+}
+
+// 下载excel
+export function exportExcel(billId) {
+  return request({
+    url: '/bill/invoice/exportExcel/' + billId,
+    method: 'get',
+    responseType: 'blob'
+  })
+}
+
+// 根据缴费项id, 查询草稿
+export function billInvoiceGetInvoiceInvalid(data) {
+  return request({
+    url: '/bill/invoice/getInvoiceInvalid',
+    method: 'post',
+    data: {
+      billId: data.billId,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+
+// 根据收费单id, 修改收费说明
+export function updateBillInvoiceIdBillInvoiceExplain(data) {
+  return request({
+    url: '/bill/invoice/updateBillInvoiceIdBillInvoiceExplain/' + data.id,
+    method: 'post',
+    data: {
+      billInvoiceExplain: data.billInvoiceExplain
+    }
+  })
+}

smart-property-manage/src/api/billStatement.js

@@ -0,0 +1,36 @@
+import request from '@/utils/request'
+
+// 获取流水信息
+export function getBillStatementAll(data) {
+  return request({
+    url: '/bill/statement/all',
+    method: 'post',
+    data: {
+      orderBumber: data.orderBumber, // 订单号
+      billId: data.billId, // 缴费项 id
+      billName: data.billName, //  缴费项 名称
+      billInvoiceId: data.billInvoiceId, // 缴费单 编号
+      payPhone: data.payPhone, //  缴费人手机号
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+
+// 下载excel
+export function exportExcel() {
+  return request({
+    url: '/bill/statement/exportExcel',
+    method: 'get',
+    responseType: 'blob'
+  })
+}
+
+// 根据点单查询，缴费单
+export function getByOrderNumberBillInvoice(orderNumber) {
+  return request({
+    url: '/bill/order/getByOrderNumberBillInvoice/' + orderNumber,
+    method: 'get'
+  })
+}
+

smart-property-manage/src/api/buildingOwnerInfo.js

@@ -0,0 +1,255 @@
+import request from '@/utils/request'
+
+//  查询 楼栋/单元/楼层/户号
+export function getPhaseList(data) {
+  return request({
+    url: '/building/phase',
+    method: 'get',
+    params: data
+  })
+}
+
+//  查询 楼栋/单元/楼层/户号
+export function getBuildingList(data) {
+  return request({
+    url: '/building/building',
+    method: 'get',
+    params: data
+  })
+}
+
+//  查询 楼栋/单元/楼层/户号
+export function getUnitList(data) {
+  return request({
+    url: '/building/unit',
+    method: 'get',
+    params: data
+  })
+}
+
+//  查询 楼栋/单元/楼层/户号
+export function getLevelList(data) {
+  return request({
+    url: '/building/level',
+    method: 'get',
+    params: data
+  })
+}
+
+//  查询 楼栋/单元/楼层/户号
+export function getRoomNoList(data) {
+  return request({
+    url: '/building/roomno',
+    method: 'get',
+    params: data
+  })
+}
+
+// 获取楼栋户主信息列表
+export function buildingList(data) {
+  return request({
+    url: '/building/list',
+    method: 'post',
+    data: {
+      phaseId: data.phaseId,
+      buildingId: data.buildingId,
+      unitId: data.unitId,
+      levelId: data.levelId,
+      roomNoId: data.roomNoId,
+      ownerName: data.ownerName,
+      ownerTel: data.ownerTel,
+      idCard: data.idCard,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+// 认证通过户主信息
+export function userPassCertification(data) {
+  return request({
+    url: 'userPassCertification',
+    method: 'post',
+    data: {
+      ownerName: data.ownerName,
+      ownerTel: data.ownerTel,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize,
+      verifyStatus: data.verifyStatus
+    }
+  })
+}
+// 修改停用或启用
+export function updataPassCertification(data) {
+  console.log('api: ', data)
+  return request({
+    url: '/updataPassCertification',
+    method: 'post',
+    data: {
+      ownerTel: data.ownerTel,
+      verifyStatus: data.verifyStatus
+    }
+  })
+}
+
+// 批量删除 楼栋户主信息
+export function deleteBuilding(data) {
+  return request({
+    url: '/building/delete',
+    method: 'delete',
+    data
+  })
+}
+
+// 添加楼栋户主信息
+export function addBuilding(data) {
+  return request({
+    url: '/building/add',
+    method: 'post',
+    data: {
+      phaseId: data.phaseId,
+      buildingId: data.buildingId,
+      unitId: data.unitId,
+      levelId: data.levelId,
+      roomNoId: data.roomNoId,
+      ownerName: data.ownerName,
+      ownerTel: data.ownerTel,
+      roleId: data.roleId,
+      gender: data.gender
+    }
+  })
+}
+
+// 修改楼栋户主信息
+export function updateBuilding(data) {
+  return request({
+    url: '/building/update',
+    method: 'put',
+    data: {
+      userVerifyId: data.userVerifyId,
+      roleId: data.roleId,
+      verifyStatus: data.verifyStatus,
+      remark: data.remark
+    }
+  })
+}
+
+// 根据楼栋信息 id 查询
+export function getByIdBuildingId(buildingId) {
+  return request({
+    url: '/building/verify/' + buildingId,
+    method: 'get'
+  })
+}
+
+// 获取楼栋户主信息列表
+export function communityBuildinglist(data) {
+  return request({
+    url: '/buildinglist',
+    method: 'post',
+    data: {
+      phase: data.phase,
+      building: data.building,
+      unit: data.unit,
+      level: data.level,
+      roomNo: data.roomNo,
+      ownerName: data.ownerName,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+// 查询小区楼栋资料库
+export function buildingHouse(data) {
+  const config = {
+    url: '/buildinghouse',
+    method: 'post',
+    data: {
+      phase: data.phase,
+      building: data.building,
+      unit: data.unit,
+      level: data.level,
+      roomNo: data.roomNo
+    }
+  }
+  return request(config)
+}
+
+// 查询小区楼栋资料库
+export function communityBuildingAdd(data) {
+  return request({
+    url: '/communitybuilding/update',
+    method: 'post',
+    data: {
+      phase: data.phase,
+      updatePhase: data.updatePhase,
+      building: data.building,
+      updateBuilding: data.updateBuilding,
+      unit: data.unit,
+      updateUnit: data.updateUnit,
+      level: data.level,
+      updateLevel: data.updateLevel,
+      roomNo: data.roomNo,
+      updateRoomNo: data.updateRoomNo
+    }
+  })
+}
+
+// 下载excel模板
+export function buildingDownloadExcel() {
+  return request({
+    url: '/building/downloadExcel',
+    method: 'get',
+    responseType: 'blob'
+  })
+}
+
+// 添加当前期/栋/单元/层/户/节点
+export function addNode(data) {
+  return request({
+    url: '/addnode',
+    method: 'post',
+    data: {
+      id: data.id,
+      name: data.name,
+      type: data.type,
+      nodeNumber: data.nodeNumber
+    }
+  })
+}
+
+// 删除当前期/栋/单元/层/户/节点
+export function deleteNode(data) {
+  return request({
+    url: '/deletenode',
+    method: 'post',
+    data: {
+      id: data.id,
+      name: data.name,
+      type: data.type,
+      nodeNumber: data.nodeNumber
+    }
+  })
+}
+// 查新楼栋信息详情
+export function buildingDetails(data) {
+  return request({
+    url: '/building/details',
+    method: 'post',
+    data: {
+      id: data.userVerifyId
+    }
+  })
+}
+// 楼栋详情审核用户
+export function verifyinfoAdd(data) {
+  return request({
+    url: '/user/verifyinfo/' + data.userVerifyId,
+    method: 'put',
+    params: {
+      verifyStatus: data.status,
+      roleState: data.roleId,
+      remark: data.remark
+
+    }
+  })
+}

smart-property-manage/src/api/buildingTree.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function buildingTreeList(query) {
+  return request({
+    url: '/trees',
+    method: 'get',
+    params: query
+  })
+}

smart-property-manage/src/api/community.js

@@ -0,0 +1,60 @@
+import request from '@/utils/request'
+
+export function fetchList(query) {
+  return request({
+    url: '/communitys',
+    method: 'get',
+    params: query
+  })
+}
+
+export function createCommunity(data) {
+  return request({
+    url: '/community/add',
+    method: 'post',
+    data
+  })
+}
+
+export function updateCommunity(data) {
+  return request({
+    url: '/community/update',
+    method: 'post',
+    data
+  })
+}
+
+export function fetchProvinceList() {
+  return request({
+    url: '/common/province',
+    method: 'get'
+  })
+}
+
+export function fetchCityList(query) {
+  return request({
+    url: '/common/city',
+    method: 'get',
+    params: { provinceId: query }
+  })
+}
+
+export function fetchDistrictList(query) {
+  return request({
+    url: '/common/district',
+    method: 'get',
+    params: { cityId: query }
+  })
+}
+
+// 根据 手机号 和 验证码 查询用管理的小区
+export function userCommunity(data) {
+  return request({
+    url: '/community/user',
+    method: 'post',
+    data: {
+      'loginName': data.username,
+      'code': data.password
+    }
+  })
+}

smart-property-manage/src/api/equipment.js

@@ -0,0 +1,49 @@
+import request from '@/utils/request'
+
+// 查询设备列表
+export function getAll(data) {
+  return request({
+    url: '/equipment/list',
+    method: 'get',
+    params: {
+      type: data.type
+    }
+  })
+}
+
+// 提交设备数据，进行保存
+export function equipmentMonitoring(data) {
+  return request({
+    url: '/equipment/monitoring',
+    method: 'post',
+    data
+  })
+}
+
+// 删除设备
+export function deleteEquipment(id) {
+  return request({
+    url: '/equipment/' + id,
+    method: 'delete'
+  })
+}
+
+// 根据设备id查询
+export function getMonitoringById(data) {
+  return request({
+    url: '/equipment/' + data.id,
+    method: 'get',
+    params: {
+      type: data.type
+    }
+  })
+}
+
+// 批量删除设备
+export function deleteMonitoringBachByIds(data) {
+  return request({
+    url: '/equipment/delete',
+    method: 'delete',
+    data
+  })
+}

smart-property-manage/src/api/grogshop.js

@@ -0,0 +1,81 @@
+import request from '@/utils/request'
+
+export function hotelRoom(data) {
+  return request({
+    url: '/hotelRoomList',
+    method: 'post',
+    data: {
+      roomNo: data.roomNo,
+      roomName: data.roomName,
+      price: data.price,
+      roomStatus: data.roomStatus,
+      beginTime: data.beginTime,
+      endTime: data.endTime,
+      sort: data.sort,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+export function hotelRoomAdd(data) {
+  return request({
+    url: '/hotelRoomAdd',
+    method: 'post',
+    data: {
+      roomNo: data.roomNo,
+      roomName: data.roomName,
+      price: data.price,
+      roomStatus: data.roomStatus,
+      sort: data.sort,
+      remark: data.remark
+    }
+  })
+}
+export function hotelRoomEdit(data) {
+  return request({
+    url: '/hotelRoomEdit',
+    method: 'post',
+    data: {
+      id: data.id,
+      roomNo: data.roomNo,
+      roomName: data.roomName,
+      price: data.price,
+      roomStatus: data.roomStatus,
+      sort: data.sort,
+      remark: data.remark
+    }
+  })
+}
+export function getRoomId(data) {
+  return request({
+    url: '/getRoom',
+    method: 'post',
+    data: {
+      id: data.id
+    }
+  })
+}
+export function hotelRoomRoomStatus(data) {
+  return request({
+    url: '/hotelRoomRoomStatus',
+    method: 'post',
+    data: {
+      id: data.roomStatusIds,
+      roomStatus: data.roomStatus
+    }
+  })
+}
+export function updateHotel(data) {
+  return request({
+    url: '/addHotel',
+    method: 'post',
+    data: data
+  })
+}
+export function getHotelData(data) {
+  return request({
+    url: '/getHotelData',
+    method: 'get'
+  })
+}
+

smart-property-manage/src/api/index.js

@@ -0,0 +1,24 @@
+import request from '@/utils/request'
+
+// 硬件数据统计
+export function getHardData() {
+  return request({
+    url: '/mq/open',
+    method: 'get'
+  })
+}
+
+// 注册用户统计
+export function getSignUser() {
+  return request({
+    url: '/user/count',
+    method: 'get'
+  })
+}
+// 首页图表数据
+export function getIndexCount() {
+  return request({
+    url: '/index/count',
+    method: 'get'
+  })
+}

smart-property-manage/src/api/license.js

@@ -0,0 +1,27 @@
+import request from '@/utils/request'
+
+// 查询月租车记录
+export function getLicenseAll(data) {
+  return request({
+    url: '/user/license/order',
+    method: 'get',
+    params: {
+      id: data.id,
+      licensePlate: data.licensePlate,
+      orderNumber: data.orderNumber,
+      paymentName: data.paymentName,
+      paymentTel: data.paymentTel,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+
+// 导出月租车数据
+export function exportLicenseData() {
+  return request({
+    url: '/user/license/export',
+    method: 'get',
+    responseType: 'blob'
+  })
+}

smart-property-manage/src/api/login.js

@@ -0,0 +1,49 @@
+import request from '@/utils/request'
+
+export function login(username, password, communityId) {
+  const config = {
+    url: '/user/login',
+    method: 'post',
+    data: {
+      'loginName': username,
+      'code': password,
+      'communityId': communityId
+    }
+  }
+
+  return request(config)
+}
+
+export function getInfo() {
+  return request({
+    url: '/user/info',
+    method: 'get'
+    // params: { token }
+  })
+}
+
+// 退出登陆
+export function logOut() {
+  return request({
+    url: '/user/logOut',
+    method: 'post'
+  })
+}
+
+// 发送验证码
+export function sendCode(phone) {
+  return request({
+    url: '/code/sendCode',
+    method: 'post',
+    params: { phone }
+  })
+}
+
+// 获取权限集合
+export function getPermission() {
+  return request({
+    url: '/user/permission',
+    method: 'get'
+  })
+}
+

smart-property-manage/src/api/menu.js

@@ -0,0 +1,25 @@
+import request from '@/utils/request'
+
+// 获取菜单列表
+export function getMenuList() {
+  return request({
+    url: '/ta/menu/list',
+    method: 'get'
+  })
+}
+
+// 启用菜单
+export function menuEnable(id) {
+  return request({
+    url: '/ta/menu/enable/' + id,
+    method: 'post'
+  })
+}
+
+// 停用菜单
+export function menuDisable(id) {
+  return request({
+    url: '/ta/menu/disable/' + id,
+    method: 'post'
+  })
+}

smart-property-manage/src/api/message.js

@@ -0,0 +1,41 @@
+import request from '@/utils/request'
+
+export function listMessage(data) {
+  return request({
+    url: '/messageLiset',
+    method: 'post',
+    data: {
+      id: data.id,
+      messageContent: data.messageContent,
+      messageType: data.messageType,
+      createDate: data.dataValue,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize,
+      status: data.status
+    }
+  })
+}
+export function myMessageList(data) {
+  return request({
+    url: '/myMessageList',
+    method: 'post',
+    data: {
+      id: data.id,
+      messageContent: data.messageContent,
+      messageType: data.messageType,
+      createDate: data.dataValue,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize,
+      readStatus: data.readStatus
+    }
+  })
+}
+export function delectRead(data) {
+  return request({
+    url: '/delectRead',
+    method: 'post',
+    data: {
+      id: data
+    }
+  })
+}

smart-property-manage/src/api/rental.js

@@ -0,0 +1,52 @@
+import request from '@/utils/request'
+
+export function fetchRentalList(query) {
+  return request({
+    url: '/rentals',
+    method: 'get',
+    params: query
+  })
+}
+
+export function obtainedRental(ids) {
+  return request({
+    url: '/rental/obtained',
+    method: 'post',
+    data: {
+      idArray: ids
+    }
+  })
+}
+
+export function shelfRental(ids) {
+  return request({
+    url: '/rental/shelf',
+    method: 'post',
+    data: {
+      idArray: ids
+    }
+  })
+}
+
+export function addRental(listQuery) {
+  return request({
+    url: '/rental/add',
+    method: 'post',
+    data: listQuery
+  })
+}
+
+export function updateRental(listQuery) {
+  return request({
+    url: '/rental/update',
+    method: 'post',
+    data: listQuery
+  })
+}
+
+export function getRental(id) {
+  return request({
+    url: '/rental/get/' + id,
+    method: 'get'
+  })
+}

smart-property-manage/src/api/role.js

@@ -0,0 +1,58 @@
+import request from '@/utils/request'
+
+export function fetchList(query) {
+  return request({
+    url: '/roles',
+    method: 'get',
+    params: query
+  })
+}
+
+export function fetchMenuList() {
+  return request({
+    url: '/menus',
+    method: 'get'
+  })
+}
+
+export function addRoleInfo(data) {
+  return request({
+    url: '/role/add',
+    method: 'post',
+    data: {
+      roleName: data.roleName,
+      description: data.description,
+      menuArray: data.menuArray
+    }
+  })
+}
+
+export function updateRoleInfo(data) {
+  return request({
+    url: '/role/update/' + data.id,
+    method: 'put',
+    data: {
+      roleName: data.roleName,
+      description: data.description,
+      menuArray: data.menuArray
+    }
+  })
+}
+
+export function getRoleInfo(id) {
+  return request({
+    url: '/role/' + id,
+    method: 'get'
+  })
+}
+
+export function deleteRoles(ids) {
+  return request({
+    url: '/role/delete',
+    method: 'post',
+    data: {
+      idArray: ids
+    }
+  })
+}
+

smart-property-manage/src/api/shopType.js

@@ -0,0 +1,168 @@
+import request from '@/utils/request'
+
+export function fetchShopTypeList(query) {
+  return request({
+    url: '/shop/types',
+    method: 'get',
+    params: query
+  })
+}
+
+export function changeShopSetting(shopSettingValue) {
+  return request({
+    url: '/shop/add/setting',
+    method: 'post',
+    data: {
+      shopSettingValue: shopSettingValue
+    }
+  })
+}
+
+export function addShopType(listQuery) {
+  return request({
+    url: '/shop/add/type',
+    method: 'post',
+    data: listQuery
+  })
+}
+
+export function addShop(listQuery) {
+  return request({
+    url: '/shop/add',
+    method: 'post',
+    data: listQuery
+  })
+}
+
+export function getShopType(id) {
+  return request({
+    url: '/shop/get/type/' + id,
+    method: 'get'
+  })
+}
+
+export function getShop(id) {
+  return request({
+    url: '/shop/get/' + id,
+    method: 'get'
+  })
+}
+
+export function updateShopType(listQuery) {
+  return request({
+    url: '/shop/update/type',
+    method: 'post',
+    data: listQuery
+  })
+}
+
+export function updateShop(listQuery) {
+  return request({
+    url: '/shop/update',
+    method: 'post',
+    data: listQuery
+  })
+}
+
+export function deleteShopType(ids) {
+  return request({
+    url: '/shop/delete/type',
+    method: 'delete',
+    data: {
+      idArray: ids
+    }
+  })
+}
+
+export function obtainedShop(ids) {
+  return request({
+    url: '/shop/obtained',
+    method: 'post',
+    data: {
+      idArray: ids
+    }
+  })
+}
+
+export function shelfShop(ids) {
+  return request({
+    url: '/shop/shelf',
+    method: 'post',
+    data: {
+      idArray: ids
+    }
+  })
+}
+
+export function fetchShopList(query) {
+  return request({
+    url: '/shops',
+    method: 'get',
+    params: query
+  })
+}
+
+export function fetchShopTypeSelect(query) {
+  return request({
+    url: '/shop/type/select',
+    method: 'get'
+  })
+}
+
+export function shopAppraisalList(data) {
+  return request({
+    url: '/shopAppraisalList',
+    method: 'get',
+    params: {
+      appraisalId: data.appraisalId,
+      id: data.shopId,
+      shopName: data.shopName,
+      score: data.score,
+      content: data.content,
+      appraisalPeople: data.appraisalPeople,
+      appraisalTel: data.appraisalTel,
+      pageSize: data.pageSize,
+      pageNum: data.pageNum
+    }
+  })
+}
+export function shopAppraisalDetails(data) {
+  return request({
+    url: '/shopAppraisal/details',
+    method: 'get',
+    params: {
+      id: data.id
+    }
+  })
+}
+export function shopAppraisalReplayAddandEditor(data) {
+  return request({
+    url: '/shopAppraisalReplay/AddandEditor',
+    method: 'post',
+    params: {
+      id: data.id,
+      replayContent: data.replayContent,
+      code: data.code
+    }
+  })
+}
+export function shopAppraisalStatuss(data) {
+  return request({
+    url: '/shopAppraisal/Status',
+    method: 'post',
+    data: {
+      id: data.ides,
+      status: data.status
+    }
+  })
+}
+export function shopAppraisalSort(data) {
+  return request({
+    url: '/shopAppraisalSort/Sort',
+    method: 'post',
+    params: {
+      id: data.id,
+      sort: data.sort
+    }
+  })
+}

smart-property-manage/src/api/table.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+  return request({
+    url: '/banner/list',
+    method: 'get',
+    params
+  })
+}

smart-property-manage/src/api/tels.js

@@ -0,0 +1,61 @@
+import request from '@/utils/request'
+
+// 根据搜索条件获取物业端号码
+export function getTelsList(data) {
+  return request({
+    url: '/tels',
+    method: 'get',
+    params: {
+      name: data.name,
+      tel: data.tel,
+      remark: data.remark,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+
+// 添加 物业号码
+export function telAdd(data) {
+  return request({
+    url: '/tel/add',
+    method: 'post',
+    data: {
+      name: data.name,
+      tel: data.tel,
+      remark: data.remark
+    }
+  })
+}
+
+// 物业号码修改
+export function telUpdate(data) {
+  return request({
+    url: '/tel/update',
+    method: 'put',
+    data: {
+      id: data.id,
+      name: data.name,
+      tel: data.tel,
+      remark: data.remark
+    }
+  })
+}
+
+// 根据id查询 物业号码详情
+export function getTelById(id) {
+  return request({
+    url: '/tel/' + id,
+    method: 'get'
+  })
+}
+
+// 批量删除 物业号码
+export function telDeleteProperty(data) {
+  return request({
+    url: '/tel/delete',
+    method: 'post',
+    data
+  })
+}
+

smart-property-manage/src/api/ticket.js

@@ -0,0 +1,85 @@
+import request from '@/utils/request'
+
+export function listTicket(data) {
+  return request({
+    url: '/ticketLiset',
+    method: 'post',
+    data: {
+      id: data.id,
+      type: data.type,
+      createUserNmae: data.createUserNmae,
+      ticketTitle: data.ticketTitle,
+      createUser: data.createUser,
+      status: data.status,
+      tpUserId: data.tpUserId,
+      updateUserNmae: data.updateUserNmae,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+export function ticketEdit(data) {
+  return request({
+    url: '/ticketDetails',
+    method: 'post',
+    data: {
+      id: data.id
+    }
+  })
+}
+export function addRecordComment(data) {
+  return request({
+    url: '/addRecordComment',
+    method: 'post',
+    data: {
+      ticketId: data.id,
+      content: data.textContent,
+      imageUrl: data.img
+    }
+  })
+}
+export function addRecord(data) {
+  return request({
+    url: '/addRecord',
+    method: 'post',
+    data: {
+      ticketId: data.id,
+      id: data.selectVale
+    }
+  })
+}
+
+export function updateTicketStatus(data) {
+  return request({
+    url: '/updateTicketStatus',
+    method: 'post',
+    data: {
+      ticketId: data.id,
+      textContent: data.noAcceptContent
+    }
+  })
+}
+
+export function updateTicket(data) {
+  return request({
+    url: '/updateTicket',
+    method: 'post',
+    data: {
+      ticketId: data.id,
+      content: data.relationContent,
+      imageUrl: data.imgIO
+    }
+  })
+}
+
+// // headers: {
+//   'Content-Type': 'application/x-www-form-urlencoded'
+// },
+export function imgAdd(data) {
+  return request({
+    url: '/uploadimageBase64',
+    method: 'post',
+    data: data
+  })
+}
+

smart-property-manage/src/api/transaction.js

@@ -0,0 +1,143 @@
+import request from '@/utils/request'
+
+export function fetchList(query) {
+  return request({
+    url: '/transactions',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询 活动详情
+export function transactionById(id) {
+  return request({
+    url: '/transaction/' + id,
+    method: 'get'
+  })
+}
+
+// 作废 活动详情
+export function updateTransactionById(id) {
+  return request({
+    url: '/transaction/update/' + id,
+    method: 'post'
+  })
+}
+// 帖子列表
+export function transactionsList(data) {
+  return request({
+    url: '/transactions',
+    method: 'post',
+    data: {
+      transactionTitle: data.transactionTitle,
+      id: data.id,
+      userName: data.userName,
+      status: data.status,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+// 添加二手帖子
+export function transactionsAdd(data) {
+  return request({
+    url: '/transactions/add',
+    method: 'post',
+    data: {
+      transactionTitle: data.transactionTitle,
+      type: data.type,
+      id: data.id,
+      userName: data.userName,
+      status: data.status,
+      contentImg: data.contentImg,
+      transactionContent: data.transactionContent,
+      sort: data.sort
+    }
+  })
+}
+// 编辑二手帖子
+export function transactionsEdit(data) {
+  return request({
+    url: '/transactions/updata',
+    method: 'post',
+    data: {
+      transactionTitle: data.transactionTitle,
+      type: data.type,
+      id: data.id,
+      userName: data.userName,
+      status: data.status,
+      contentImg: data.contentImg,
+      transactionContent: data.transactionContent,
+      sort: data.sort
+    }
+  })
+}
+// 删除二手帖子
+export function transactionsDelete(data) {
+  console.log('1111')
+  console.log(data)
+  return request({
+    url: '/transactions/delete',
+    method: 'post',
+    data: {
+      id: data
+    }
+  })
+}
+// 评论列表
+export function transactionReplyList(data) {
+  return request({
+    url: '/transactionReplyList',
+    method: 'post',
+    data: {
+      replyId: data.replyId,
+      id: data.transactionId,
+      replyTaUserName: data.replyTaUserName,
+      taUserName: data.taUserName,
+      status: data.status,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize,
+      createDate: data.dataValue
+    }
+  })
+}
+// 删除评论
+export function deleteReply(data) {
+  console.log(data)
+  return request({
+    url: '/deleteReply',
+    method: 'post',
+    data: {
+      id: data
+    }
+  })
+}
+// 添加评论
+export function transactionReplyAdd(data) {
+  return request({
+    url: '/transactionReply/add',
+    method: 'post',
+    data: {
+      id: data.id,
+      contentImg: data.contentImg,
+      replyContent: data.replyContent,
+      transactionId: data.transactionId,
+      replyType: data.replyType
+    }
+  })
+}
+// 举报列表
+export function transactionReportList(data) {
+  return request({
+    url: '/transactionReportList',
+    method: 'post',
+    data: {
+      transactionId: data.transactionId,
+      reportPhone: data.reportPhone,
+      reportUserNmae: data.taUserName,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize,
+      createDate: data.dataValue
+    }
+  })
+}

smart-property-manage/src/api/user.js

@@ -0,0 +1,136 @@
+import request from '@/utils/request'
+
+// 根据条件查询成员
+export function employeesList(data) {
+  return request({
+    url: '/user/userList',
+    method: 'post',
+    data: {
+      loginName: data.loginName,
+      userName: data.userName,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+// 获取角色暂定写死
+export function userRoleById(data) {
+  return request({
+    url: '/user/userRole',
+    method: 'post',
+    data: {
+      pageNum: data.pageNum,
+      pageSize: data.pageSize,
+      roleName: data.roleName
+    }
+  })
+}
+// 添加用户角色
+export function addUser(data) {
+  return request({
+    url: '/user/addUser',
+    method: 'post',
+    data: {
+      pageNum: data.pageNum,
+      pageSize: data.pageSize,
+      roleName: data.roleName,
+      remark: data.remark,
+      userName: data.userName,
+      loginName: data.loginName,
+      menuArray: data.menuArray
+    }
+  })
+}
+// 查看用户角色
+export function selectUser(data) {
+  return request({
+    url: '/user/selectById',
+    method: 'post',
+    data: {
+      id: data.id
+    }
+  })
+}
+// 修改用户角色
+export function upDate(data) {
+  return request({
+    url: '/user/upDate',
+    method: 'post',
+    data: {
+      id: data.id,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize,
+      roleName: data.roleName,
+      remark: data.remark,
+      userName: data.userName,
+      loginName: data.loginName,
+      menuArray: data.menuArray
+    }
+  })
+}
+// 修改用户当前状态
+export function upDateStatus(data) {
+  return request({
+    url: '/user/upDateStatus',
+    method: 'post',
+    data: {
+      id: data.id,
+      status: data.status
+    }
+  })
+}
+
+// 获取审核列表
+export function userVerifyAll(data) {
+  return request({
+    url: '/user/verify/all',
+    method: 'get',
+    params: {
+      phone: data.phone,
+      userName: data.userName,
+      idCard: data.idCard,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize
+    }
+  })
+}
+
+// 审核用户
+export function userVerifyAudit(data) {
+  return request({
+    url: '/user/verify/audit/' + data.userVerifyId,
+    method: 'put',
+    params: {
+      verifyStatus: data.verifyStatus,
+      roleState: data.type,
+      remark: data.remark
+    }
+  })
+}
+
+// 校验移动端手机号是否注册
+export function taUserHas(data) {
+  return request({
+    url: '/ta/user/has',
+    method: 'get',
+    params: {
+      ownerTel: data.ownerTel
+    }
+  })
+}
+
+// 校验移动端手机号是否注册以及户主
+export function taUserHasOwner(data) {
+  return request({
+    url: '/ta/user/hasOwner',
+    method: 'get',
+    params: {
+      phaseId: data.phaseId,
+      buildingId: data.buildingId,
+      unitId: data.unitId,
+      levelId: data.levelId,
+      roomNoId: data.roomNoId
+    }
+  })
+}
+

smart-property-manage/src/components/Breadcrumb/index.vue

@@ -0,0 +1,61 @@
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item,index) in levelList" v-if="item.meta.title" :key="item.path">
+        <span v-if="item.redirect==='noredirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
+        <router-link v-else :to="item.redirect||item.path">{{ item.meta.title }}</router-link>
+      </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() {
+      const { params } = this.$route
+      let matched = this.$route.matched.filter(item => {
+        if (item.name) {
+          // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
+          var toPath = pathToRegexp.compile(item.path)
+          item.path = toPath(params)
+          return true
+        }
+      })
+      const first = matched[0]
+      if (first && first.name !== 'dashboard') {
+        matched = [{ path: '/dashboard', meta: { title: 'Dashboard' }}].concat(matched)
+      }
+      this.levelList = matched
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .app-breadcrumb.el-breadcrumb {
+    display: inline-block;
+    font-size: 14px;
+    line-height: 50px;
+    margin-left: 10px;
+    .no-redirect {
+      color: #97a8be;
+      cursor: text;
+    }
+  }
+</style>

smart-property-manage/src/components/Hamburger/index.vue

@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <svg
+      :class="{'is-active':isActive}"
+      t="1492500959545"
+      class="hamburger"
+      style=""
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      p-id="1691"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      width="64"
+      height="64"
+      @click="toggleClick">
+      <path
+        d="M966.8023 568.849776 57.196677 568.849776c-31.397081 0-56.850799-25.452695-56.850799-56.850799l0 0c0-31.397081 25.452695-56.849776 56.850799-56.849776l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.849776l0 0C1023.653099 543.397081 998.200404 568.849776 966.8023 568.849776z"
+        p-id="1692" />
+      <path
+        d="M966.8023 881.527125 57.196677 881.527125c-31.397081 0-56.850799-25.452695-56.850799-56.849776l0 0c0-31.397081 25.452695-56.849776 56.850799-56.849776l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.849776l0 0C1023.653099 856.07443 998.200404 881.527125 966.8023 881.527125z"
+        p-id="1693" />
+      <path
+        d="M966.8023 256.17345 57.196677 256.17345c-31.397081 0-56.850799-25.452695-56.850799-56.849776l0 0c0-31.397081 25.452695-56.850799 56.850799-56.850799l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.850799l0 0C1023.653099 230.720755 998.200404 256.17345 966.8023 256.17345z"
+        p-id="1694" />
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Hamburger',
+  props: {
+    isActive: {
+      type: Boolean,
+      default: false
+    },
+    toggleClick: {
+      type: Function,
+      default: null
+    }
+  }
+}
+</script>
+
+<style scoped>
+.hamburger {
+	display: inline-block;
+	cursor: pointer;
+	width: 20px;
+	height: 20px;
+	transform: rotate(90deg);
+	transition: .38s;
+	transform-origin: 50% 50%;
+}
+.hamburger.is-active {
+	transform: rotate(0deg);
+}
+</style>

smart-property-manage/src/components/Pagination/index.vue

@@ -0,0 +1,99 @@
+<template>
+  <div :class="{'hidden':hidden}" class="pagination-container">
+    <el-pagination
+      :background="background"
+      :current-page.sync="currentPage"
+      :page-size.sync="pageSize"
+      :layout="layout"
+      :total="total"
+      v-bind="$attrs"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"/>
+  </div>
+</template>
+
+<script>
+import { scrollTo } from '@/utils/scrollTo'
+
+export default {
+  name: 'Pagination',
+  props: {
+    total: {
+      required: true,
+      type: Number
+    },
+    page: {
+      type: Number,
+      default: 1
+    },
+    limit: {
+      type: Number,
+      default: 20
+    },
+    pageSizes: {
+      type: Array,
+      default() {
+        return [10, 20, 30, 50]
+      }
+    },
+    layout: {
+      type: String,
+      default: 'total, sizes, prev, pager, next, jumper'
+    },
+    background: {
+      type: Boolean,
+      default: true
+    },
+    autoScroll: {
+      type: Boolean,
+      default: true
+    },
+    hidden: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    currentPage: {
+      get() {
+        return this.page
+      },
+      set(val) {
+        this.$emit('update:page', val)
+      }
+    },
+    pageSize: {
+      get() {
+        return this.limit
+      },
+      set(val) {
+        this.$emit('update:limit', val)
+      }
+    }
+  },
+  methods: {
+    handleSizeChange(val) {
+      this.$emit('pagination', { page: this.currentPage, limit: val })
+      if (this.autoScroll) {
+        scrollTo(0, 800)
+      }
+    },
+    handleCurrentChange(val) {
+      this.$emit('pagination', { page: val, limit: this.pageSize })
+      if (this.autoScroll) {
+        scrollTo(0, 800)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.pagination-container {
+  background: #fff;
+  padding: 32px 16px;
+}
+.pagination-container.hidden {
+  display: none;
+}
+</style>

smart-property-manage/src/components/SvgIcon/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <svg :class="svgClass" aria-hidden="true">
+    <use :xlink:href="iconName"/>
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'SvgIcon',
+  props: {
+    iconClass: {
+      type: String,
+      required: true
+    },
+    className: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    iconName() {
+      return `#icon-${this.iconClass}`
+    },
+    svgClass() {
+      if (this.className) {
+        return 'svg-icon ' + this.className
+      } else {
+        return 'svg-icon'
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>

smart-property-manage/src/components/Wangeditor/index.vue

@@ -0,0 +1,122 @@
+<template>
+  <div id="wangeditor">
+    <div ref="editorElem" style="text-align:left" />
+  </div>
+</template>
+
+<script>
+import E from 'wangeditor'
+import { mapGetters } from 'vuex'
+export default {
+  name: 'EditorElem',
+  props: ['content'], // 接收父组件的方法
+  data() {
+    return {
+      editorContent: this.content, // 内容
+      editorObject: ''
+    }
+  },
+  watch: {
+    content(nw, old) {
+      window.console.log('---->', nw, old)
+      if (!old && nw) {
+        window.console.log('--1111-->', nw)
+        this.editorContent = nw
+        this.initEditor()
+      }
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'token'
+    ])
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initEditor()
+    })
+  },
+  methods: {
+    childWangeditorValue() {
+      console.log('富文本组件的值:', this.editorContent)
+      this.$emit('wangeditorEvent', this.editorContent)
+    },
+    setWangeditorValue(value) { // 父组件调用此方法传入参数
+      this.editorObject.txt.html(value)
+    },
+    initEditor() {
+      this.editorObject = new E(this.$refs.editorElem) // 创建富文本实例
+      var editor = this.editorObject
+      editor.customConfig.onchange = (html) => {
+        this.editorContent = html
+        this.childWangeditorValue() // 把这个html通过catchData的方法传入父组件
+        // this.catchData(html) // 把这个html通过catchData的方法传入父组件
+      }
+      editor.customConfig.zIndex = 100
+      editor.customConfig.uploadImgServer = process.env.BASE_API + '/uploadimage'
+      editor.customConfig.uploadFileName = 'uploadFiles'
+      editor.customConfig.uploadImgHeaders = {
+        'Accept': '*/*',
+        'Authorization': 'Bearer ' + this.token // 头部token
+      }
+      editor.customConfig.menus = [ // 菜单配置
+        'head',
+        'list', // 列表
+        'justify', // 对齐方式
+        'bold',
+        'fontSize', // 字号
+        'italic',
+        'underline',
+        'image', // 插入图片
+        'foreColor', // 文字颜色
+        'undo', // 撤销
+        'redo' // 重复
+      ]
+      // 下面是最重要的的方法
+      editor.customConfig.uploadImgHooks = {
+        before: function(xhr, editor, files) {
+          // 图片上传之前触发
+          // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，files是选择的图片文件
+          // 如果返回的结果是 {prevent: true, msg: 'xxxx'} 则表示用户放弃上传
+          // return {
+          //     prevent: true,
+          //     msg: '放弃上传'
+          // }
+        },
+        success: function(xhr, editor, result) {
+          // 图片上传并返回结果，图片插入成功之后触发
+          // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
+          this.imgUrl = Object.values(result.data).toString()
+        },
+        fail: function(xhr, editor, result) {
+          // 图片上传并返回结果，但图片插入错误时触发
+          // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
+        },
+        error: function(xhr, editor) {
+          // 图片上传出错时触发
+          // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
+        },
+        timeout: function(xhr, editor) {
+          // 图片上传超时时触发
+          // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
+        },
+        // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
+        // （但是，服务器端返回的必须是一个 JSON 格式字符串！！！否则会报错）
+        customInsert: function(insertImg, result, editor) {
+          // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
+          // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果
+          // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
+          const url = Object.values(result.data)// result.data就是服务器返回的图片名字和链接
+          JSON.stringify(url)// 在这里转成JSON格式
+          insertImg(url)
+          // result 必须是一个 JSON 格式字符串！！！否则报错
+        }
+      }
+      editor.create()
+      console.log('富文本接收到的值：', this.editorContent)
+      editor.txt.html(this.editorContent)
+    }
+  }
+}
+
+</script>

smart-property-manage/src/components/XUploader/index.vue

@@ -0,0 +1,134 @@
+<template>
+  <el-upload
+    :class="{ 'avatar-uploader': !multi }"
+    :action="apiURL"
+    :show-file-list="multi == true"
+    :list-type="multi ? 'picture-card' : undefined"
+    :file-list="imgList"
+    :before-upload="beforeImgUpload"
+    :headers="headers"
+    :on-success="handleSuccess"
+    :on-remove="handleRemove"
+    name="uploadFiles"
+    >
+    <template v-if="multi">
+      <i class="el-icon-plus"></i>
+    </template>
+    <template v-else>
+      <img v-if="value" :src="value" class="avatar">
+      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+    </template>
+  </el-upload>
+</template>
+
+<script>
+export default {
+  name: 'XUploader',
+  props: [
+    'multi',
+    'value',
+  ],
+  data () {
+    return {
+      loadding: false,
+    }
+  },
+  computed: {
+    apiURL () {
+      return process.env.BASE_API + '/uploadimage'
+    },
+    imgList () {
+      if (!this.value) return undefined
+
+      const imgs = Array.isArray(this.value) ? this.value : [this.value]
+      return imgs.map(img => ({ name: this.getFileName(img), url: img }))
+    },
+    headers () {
+      return {}
+    }
+  },
+  methods: {
+    getFileName(fullName) {
+      const nm = (fullName || '').split('/')
+      return !nm.length ? '' : nm[nm.length - 1]
+    },
+    beforeImgUpload (file) {
+      if (file.type !== 'image/jpeg' && file.type !== 'image/png') {
+        this.$message.error('上传图片只能是 JPG 或 PNG 格式!')
+        return false
+      }
+      // if (file.size / 1024 > 300) {
+      //   this.$message.error('图片大小不允许超过300k!')
+      //   return false
+      // }
+      this.loading = this.$loading({
+        lock: true,
+        text: '上传中...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.8)'
+      })
+
+      return true
+    },
+    handleSuccess (res) {
+      this.loading.close()
+
+      if (res.code - 0 !== 0) {
+        this.$notify.error({
+          title: '上传失败',
+          message: res.code.message
+        })
+        return
+      }
+
+      let newVals = res.data[0]
+      if (this.multi) {
+        newVals = [
+          ...(this.value || []),
+          newVals
+        ]
+      }
+
+      this.$emit('input', newVals)
+    },
+    handleRemove (file, fileList) {
+      if (!this.multi) {
+        this.$emit('input', '')
+      } else {
+        const leftImgs = fileList.map(({ url }) => url)
+        this.$emit('input', leftImgs)
+      }
+      return true
+    },
+  }
+}
+</script>
+
+<style>
+  .avatar-uploader .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+  }
+
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    line-height: 178px;
+    text-align: center;
+  }
+  
+  .avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+  }
+</style>

smart-property-manage/src/components/chart/barChart.vue

@@ -0,0 +1,111 @@
+<template>
+  <div :id="id"/>
+</template>
+
+<script>
+import G2 from "@antv/g2";
+
+export default {
+  name: 'BarChart',
+  props: [
+    'id',
+    'title',
+    'data',
+    'axisX',
+    'axisY'
+  ],
+  data () {
+    return {
+      chart: undefined,
+    }
+  },
+  mounted() {
+    this.rander();
+  },
+  watch: {
+    data() {
+      window.console.log(this.id, this.data)
+      this.rander()
+    }
+  },
+  methods: {
+    rander() {
+      const _self = this
+
+      if (this.chart) {
+        this.chart.clear();
+      } else {
+        this.chart = new G2.Chart({
+          container: _self.id,
+          forceFit: true,
+          height: 282,
+          padding: [80, 20, 30, 40]
+        });
+      }
+
+      const chart = this.chart;
+      chart.source(_self.data);
+
+      chart.scale('value', {});
+
+      chart.axis("value", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            textAlign: "end", // 文本对齐方向，可取值为： start middle end
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12", // 文本大小
+            textBaseline: "middle" // 文本基准线，可取 top middle bottom，默认为middle
+          }
+        }
+      });
+      chart.axis("item", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12" // 文本大小
+          }
+        }
+      });
+      // chart.tooltip({
+      //   crosshairs: true
+      // });
+
+      chart.guide().html({
+        position: ["5%", "-35%"],
+        html: `<div class="line-chat"><p class="title">${_self.title}</p></div>`
+      });
+      chart.guide().html({
+        position: ["1%", "-22%"],
+        html: `<div class="line-chat"><p class="title">${_self.axisY}</p></div>`
+      });
+      chart.guide().html({
+        position: ["102%", "100%"],
+        html: `<div class="line-chat"><p class="title">${_self.axisX}</p></div>`
+      });
+
+      chart.interval().position('item*value').color('item');
+
+      chart.render();
+    }
+  }
+};
+</script>
+<style lang="scss">
+.chart7-title {
+  .title {
+    font-size: 13px;
+    color: #a4b6c5;
+  }
+}
+</style>
+

smart-property-manage/src/components/chart/chart1.vue

@@ -0,0 +1,120 @@
+<template>
+  <div id="node1"/>
+</template>
+
+<script>
+import G2 from '@antv/g2'
+import DataSet from '@antv/data-set'
+
+export default {  
+  props: [
+    'data',  // [ { item: '实例1', count: 210, percent: 0.21 } ]
+  ],
+  computed: {
+    total () {
+      return (this.data || []).reduce((acc, it) => (acc + it.count), 0) || 0
+    }
+  },
+  watch: {
+    data () {
+      this.rander()
+    }
+  },
+  mounted() {
+    this.rander()
+  },
+  methods: {
+    rander() {
+      const _self = this
+      
+      if (this.chart) {
+        this.chart.clear();
+      } else {
+        this.chart = new G2.Chart({
+          container: 'node1',
+          forceFit: true,
+          height: 282,
+          animate: false,
+          padding: [40, 'auto', 'auto', 'auto']
+        });
+      }
+
+      var chart = this.chart
+
+      chart.source(_self.data, {
+        percent: {
+          formatter: function formatter(val) {
+            val = val * 100 + '%';
+            return val;
+          }
+        }
+      });
+
+      chart.coord('theta', {
+        radius: 0.75,
+        innerRadius: 0.6
+      });
+
+      chart.tooltip({
+        showTitle: false,
+        itemTpl: '<li><span style="background-color:{color};" class="g2-tooltip-marker"></span>{name}: {value}</li>'
+      });
+
+      chart.legend(false);
+
+      chart.guide().html({
+        position: ['50%', '-15%'],
+        html: '<div class="chart2-title"><p class="title">历史工单</p></div>'
+      })
+
+      // 辅助文本
+      chart.guide().html({
+        position: ['50%', '50%'],
+        html: `<div style="color:#8c8c8c;font-size: 14px;text-align: center;width: 10em;">总计<br><span style="color:#8c8c8c;font-size:20px">${_self.total}</span>单</div>`,
+        alignX: 'middle',
+        alignY: 'middle'
+      });
+
+      var interval = chart.intervalStack().position('percent').color('item').label('percent', {
+        formatter: function formatter(val, item) {
+          return item.point.item + ': ' + val;
+        },
+        textStyle: {
+          fill: '#a4b6c5', // 文本的颜色
+          fontSize: '12' // 文本大小
+        }
+      }).tooltip('item*percent', function(item, percent) {
+        // percent = percent * 100 + '%';
+        window.console.log('------>', _self.data, item)
+        return {
+          name: item,
+          value: _self.data.filter(({ item: it }) => (it == item))[0].count,
+        };
+      });
+
+      chart.render();
+      // interval.setSelected(this.data[0]);
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+#node1 {
+  .g2-guide-html {
+    color: #a4b6c5;
+    .title {
+      text-align: "ceter";
+    }
+    .value {
+      text-align: center;
+    }
+  }
+  .g2-guide-title {
+    color: #a4b6c5;
+    .title {
+      font-size: 16px;
+    }
+  }
+}
+</style>

smart-property-manage/src/components/chart/chart2.vue

@@ -0,0 +1,96 @@
+<template>
+  <div id="node2" />
+</template>
+
+<script>
+import G2 from '@antv/g2'
+
+export default {
+  props: [
+    'data',
+  ],
+  data () {
+    return {
+      chart: undefined,
+    }
+  },
+  mounted() {
+    this.rander()
+  },
+  watch: {
+    data() {
+      this.rander()
+    }
+  },
+  methods: {
+    rander() {
+      const _self = this
+
+      if (this.chart) {
+        this.chart.clear();
+      } else {
+        this.chart = new G2.Chart({
+          container: 'node2',
+          forceFit: true,
+          height: 282,
+          padding: [40, 'auto', 'auto', 'auto']
+        })
+      }
+
+      const chart = this.chart;
+
+      chart.source(this.data, {
+        percent: {
+          formatter: function formatter(val) {
+            val = val * 100 + '%'
+            return val
+          }
+        }
+      })
+
+      chart.coord('theta', {
+        radius: 0.75
+      })
+
+      chart.guide().html({
+        position: ['50%', '-15%'],
+        html: '<div class="chart2-title"><p class="title">今日新增工单</p></div>'
+      })
+
+      chart.tooltip({
+        showTitle: false,
+        itemTpl: '<li><span style="background-color:{color}" class="g2-tooltip-marker"></span>{name}: {value}</li>'
+      })
+      
+      chart.legend(false);
+
+      chart.intervalStack().position('percent').color('item').label('percent', {
+        formatter: function formatter(val, item) {
+          return item._origin.item + ': ' + val
+        },
+        textStyle: {
+          fill: '#a4b6c5', // 文本的颜色
+          fontSize: '12' // 文本大小
+        }
+      }).tooltip('item*percent', function(item, percent) {
+        // percent = percent * 100 + '%'
+        return {
+          name: item,
+          value: _self.data.filter(({ item: it }) => (it == item))[0].count,
+        }
+      })
+
+      chart.render()
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.chart2-title {
+  .title {
+    font-size: 16px;
+    color: #a4b6c5;
+  }
+}
+</style>

smart-property-manage/src/components/chart/chart3.vue

@@ -0,0 +1,93 @@
+<template>
+  <div id="node3">
+    <div class="title">今日小区智能硬件数据统计</div>
+    <div class="table">
+      <div :class="bgHover==1?'active':''"  @mouseenter="divHover(1)">
+        <div>小区门禁开启</div>
+        <div>{{ hardwaremap.communityCount }}</div>
+      </div>
+      <div :class="bgHover==2?'active':''"  @mouseenter="divHover(2)">
+        <div>单元门开启</div>
+        <div>{{ hardwaremap.unitCount }}</div>
+      </div>
+      <div :class="bgHover==3?'active':''"  @mouseenter="divHover(3)">
+        <div>访客车辆进入数量</div>
+        <div>{{ hardwaremap.visitorCount }}</div>
+      </div>
+      <div :class="bgHover==4?'active':''"  @mouseenter="divHover(4)">
+        <div>公区摄像头查看</div>
+        <div>{{ hardwaremap.publicCameraCount }}</div>
+      </div>
+      <div :class="bgHover==5?'active':''"  @mouseenter="divHover(5)">
+        <div>单元门远程监控查看</div>
+        <div>{{ hardwaremap.remoteMonitoringCount }}</div>
+      </div>
+      <div :class="bgHover==6?'active':''"  @mouseenter="divHover(6)">
+        <div>单元门远程开门</div>
+        <div>{{ hardwaremap.remoteUnitCount }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      bgHover:"",
+
+    };
+  },
+  props: ["hardwaremap"],
+ 
+  methods:{
+       divHover(index) {
+      this.bgHover = index;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+#node3 {
+  position: relative;
+  .title {
+    text-align: center;
+    padding: 3% 0 30px 0;
+    color: #a4b6c5;
+  }
+  .table {
+    display: flex;
+    flex-flow: row wrap;
+    border: 1px solid #a4b6c5;
+    width: 302px;
+    margin: 0 auto;
+    > div {
+      width: 100px;
+      height: 100px;
+      border: 1px solid #a4b6c5;
+      display: flex;
+      flex-flow: column nowrap;
+      justify-content: center;
+      align-items: center;
+      &:hover {
+        cursor: pointer;
+      }
+      div {
+        color: #a4b6c5;
+        margin: 5px;
+        font-size: 13px;
+        text-align: center;
+      }
+    }
+    .active {
+      outline: 2px solid #53f9ff;
+      z-index: 1;
+      div {
+        color: #53f9ff;
+        text-align: center;
+      }
+    }
+  }
+}
+</style>

smart-property-manage/src/components/chart/chart4.vue

@@ -0,0 +1,126 @@
+<template>
+  <div id="node4"/>
+</template>
+
+<script>
+import G2 from "@antv/g2";
+import DataSet from "@antv/data-set";
+
+export default {
+  props: [
+    'data',
+  ],
+  data () {
+    return {}
+  },
+  mounted() {
+    this.rander();
+    console.log(this.invoicelist,"chart4")
+  },
+  watch: {
+    data() {
+      this.rander()
+    }
+  },
+  methods: {
+    rander() {
+      var chart = new G2.Chart({
+        container: "node4",
+        forceFit: true,
+        height: 282,
+        padding: [80, 40, 30, 50]
+      });
+      chart.source(this.data);
+
+      chart.axis("value", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            textAlign: "end", // 文本对齐方向，可取值为： start middle end
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12", // 文本大小
+            textBaseline: "middle" // 文本基准线，可取 top middle bottom，默认为middle
+          }
+        }
+      });
+      chart.axis("day", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12" // 文本大小
+          }
+        }
+      });
+      chart.tooltip({
+        crosshairs: true
+      });
+
+      chart
+        .line()
+        .position("day*value")
+        .color("priceTotal", function(val) {
+          return "#83BB41";
+        })
+        .size(2)
+        .shape("smooth");
+      chart
+        .point()
+        .position("day*value")
+        .size(3)
+        .shape("circle")
+        .label("day*value",
+          function(day, value) {
+            return value;
+          },
+          {
+            textStyle: {
+              fill: "#fff",
+              fontSize: 12,
+              textAlign:'left',
+            }
+          }
+        )
+        .style({
+          fill: "#eee",
+          fontSize: 12,
+          stroke: "#83BB41",
+          lineWidth: 1
+        });
+      chart.guide().html({
+        position: ["5%", "-35%"],
+        html:
+          '<div class="chart4-title"><p class="title">收费组总缴费统计</p></div>'
+      });
+      chart.guide().html({
+        position: ["1%", "-22%"],
+        html:
+          '<div class="chart4-title"><p class="title">金额（元）</p></div>'
+      });
+      chart.guide().html({
+        position: ["102%", "100%"],
+        html:
+          '<div class="chart4-title"><p class="title">日期</p></div>'
+      });
+      chart.render();
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.chart4-title {
+  .title {
+    font-size: 13px;
+    color: #a4b6c5;
+  }
+}
+</style>

smart-property-manage/src/components/chart/chart5.vue

@@ -0,0 +1,125 @@
+<template>
+  <div id="node5" />
+</template>
+
+<script>
+import G2 from "@antv/g2";
+import DataSet from "@antv/data-set";
+export default {
+  data () {
+    return {}
+  },
+  mounted() {
+    this.rander();
+  },
+  props:['data'],
+  watch: {
+    data() {
+      this.rander();
+    }
+  },
+  methods: {
+    rander() {
+      var chart = new G2.Chart({
+        container: "node5",
+        forceFit: true,
+        height: 282,
+        padding: [80, 40, 30, 40]
+      });
+      chart.source(this.data);
+
+      chart.axis("value", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            textAlign: "end", // 文本对齐方向，可取值为： start middle end
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12", // 文本大小
+            textBaseline: "middle" // 文本基准线，可取 top middle bottom，默认为middle
+          }
+        }
+      });
+      chart.axis("day", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12", // 文本大小
+            textBaseline: "middle" // 文本基准线，可取 top middle bottom，默认为middle
+          }
+        }
+      });
+      chart.tooltip({
+        crosshairs: true
+      });
+
+      chart
+        .line()
+        .position("day*value")
+        .color("type", function(val) {
+          return "#da70d6";
+        })
+        .size(2)
+        .shape("smooth");
+      chart
+        .point()
+        .position("day*value")
+        .size(3)
+        .shape("circle")
+        .label(
+          "day*value",
+          function(day, value) {
+            return value;
+          },
+          {
+            textStyle: {
+              fill: "#fff",
+              fontSize: 12,
+              textAlign: "left"
+            }
+          }
+        )
+        .style({
+          fill: "#eee",
+          fontSize: 12,
+          stroke: "#da70d6",
+          lineWidth: 1
+        });
+
+      chart.guide().html({
+        position: ["5%", "-35%"],
+        html:
+          '<div class="chart5-title"><p class="title">线上月租车总缴费统计</p></div>'
+      });
+        chart.guide().html({
+        position: ["1%", "-22%"],
+        html:
+          '<div class="chart4-title"><p class="title">金额（元）</p></div>'
+      });
+      chart.guide().html({
+        position: ["102%", "100%"],
+        html:
+          '<div class="chart4-title"><p class="title">日期</p></div>'
+      });
+      chart.render();
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.chart5-title {
+  .title {
+    font-size: 13px;
+    color: #a4b6c5;
+  }
+}
+</style>

smart-property-manage/src/components/chart/chart6.vue

@@ -0,0 +1,163 @@
+<template>
+  <div id="node6"/>
+</template>
+
+<script>
+import G2 from "@antv/g2";
+import DataSet from "@antv/data-set";
+export default {
+  mounted() {
+    this.rander();
+  },
+  props:['temporaryList'],
+  methods: {
+    rander() {
+      var data = [
+        {
+          year: "11.17",
+          ACME: 300
+        },
+        {
+          year: "11.18",
+          ACME: 280
+        },
+        {
+          year: "11.19",
+          ACME: 320
+        },
+        {
+          year: "11.20",
+          ACME: 250
+        },
+        {
+          year: "11.21",
+          ACME: 310
+        },
+        {
+          year: "11.22",
+          ACME: 323
+        },
+        {
+          year: "11.23",
+          ACME: 350
+        }
+      ];
+      var dv = new DataSet.View().source(data);
+      dv.transform({
+        type: "fold",
+        fields: ["ACME"],
+        key: "type",
+        value: "value"
+      });
+      var chart = new G2.Chart({
+        container: "node6",
+        forceFit: true,
+        height: 282,
+        padding: [80, 40, 30, 40],
+        itemStyle: { normal: { label: { show: true } } }
+      });
+      chart.source(dv, {
+        value: {
+          alias: "The Share Price in Dollars",
+          formatter: function formatter(val) {
+            return val;
+          }
+        },
+        year: {
+          // range: [0, 1]
+        }
+      });
+      chart.axis("value", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            textAlign: "end", // 文本对齐方向，可取值为： start middle end
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12", // 文本大小
+            textBaseline: "middle" // 文本基准线，可取 top middle bottom，默认为middle
+          }
+        }
+      });
+      chart.axis("year", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        name: "wowow",
+        grid: null,
+        label: {
+          textStyle: {
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12" // 文本大小
+          }
+        }
+      });
+      chart.tooltip({
+        crosshairs: true
+      });
+      chart
+        .line()
+        .position("year*value")
+        .color("type", function(val) {
+          return "#6495ed";
+        })
+        .size(2)
+        .shape("smooth");
+      chart
+        .point()
+        .position("year*value")
+        .size(3)
+        .shape("circle")
+        .label(
+          "year*value",
+          function(year, value) {
+            return value;
+          },
+          {
+            textStyle: {
+              fill: "#fff",
+              fontSize: 12,
+              textAlign:'left',
+            }
+          }
+        )
+        .style({
+          fill: "#eee",
+          fontSize: 12,
+          stroke: "#6495ed",
+          lineWidth: 1
+        });
+
+      chart.guide().html({
+        position: ["5%", "-35%"],
+        html:
+          '<div class="chart4-title"><p class="title">线上临时车总缴费统计</p></div>'
+      });
+        chart.guide().html({
+        position: ["1%", "-22%"],
+        html:
+          '<div class="chart4-title"><p class="title">金额（元）</p></div>'
+      });
+      chart.guide().html({
+        position: ["102%", "100%"],
+        html:
+          '<div class="chart4-title"><p class="title">日期</p></div>'
+      });
+      chart.render();
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.chart4-title {
+  .title {
+    font-size: 13px;
+    color: #a4b6c5;
+  }
+}
+</style>

smart-property-manage/src/components/chart/chart7.vue

@@ -0,0 +1,123 @@
+<template>
+  <div id="node7"/>
+</template>
+
+<script>
+import G2 from "@antv/g2";
+
+export default {
+  mounted() {
+    this.rander();
+  },
+  methods: {
+    rander() {
+      var data = [
+        {
+          type: "户主",
+          sales: 500
+        },
+        {
+          type: "家属",
+          sales: 1000
+        },
+        {
+          type: "租客",
+          sales: 300
+        }
+      ];
+      var chart = new G2.Chart({
+        container: "node7",
+        forceFit: true,
+        height: 282,
+        padding: [80, 20, 30, 40]
+      });
+      chart.source(data);
+      chart.scale("", {
+        tickInterval: 200
+      });
+      chart.scale("sales", {
+        alias: "行数(万)"
+      });
+      chart.guide().html({
+        position: ["5%", "-35%"],
+        html:
+          '<div class="chart7-title"><p class="title">注册用户总数</p></div>'
+      });
+        chart.guide().html({
+        position: ["1%", "-22%"],
+        html:
+          '<div class="chart4-title"><p class="title">数量（个）</p></div>'
+      });
+   
+      // chart.guide().html({
+      //   position: ["90%", "-15%"],
+      //   html: `<div class="chart-right-btn"><span>发布数量</span>&nbsp;<i class='el-icon-arrow-down'></i></div>`
+      // });
+      chart.axis("sales", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        title: {}, //
+
+        grid: null,
+        label: {
+          textStyle: {
+            textAlign: "end", // 文本对齐方向，可取值为： start middle end
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12", // 文本大小
+            textBaseline: "middle" // 文本基准线，可取 top middle bottom，默认为middle
+          }
+        }
+      });
+      chart.axis("type", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12" // 文本大小
+          }
+        }
+      });
+
+      chart
+        .interval()
+        .position("type*sales")
+        .color("type", function(val) {
+          if (val === "户主") {
+            return "#6699FF";
+          } else if (val === "家属") {
+            return "#30e0e0";
+          }
+          return "#3cb371";
+        })
+        .label(
+          "type*sales",
+          function(type, sales) {
+            return sales;
+          },
+          {
+            textStyle: {
+              fill: "#fff",
+              fontSize: 12
+            }
+          }
+        );
+      chart.render();
+    }
+  }
+};
+</script>
+<style lang="scss">
+.chart7-title {
+  .title {
+    font-size: 13px;
+    color: #a4b6c5;
+  }
+}
+</style>
+

smart-property-manage/src/components/chart/chart8.vue

@@ -0,0 +1,158 @@
+<template>
+  <div id="node8"/>
+</template>
+
+<script>
+import G2 from "@antv/g2";
+import DataSet from "@antv/data-set";
+export default {
+  mounted() {
+    this.rander();
+  },
+  methods: {
+    rander() {
+      var data = [
+        {
+          year: "11.17",
+          ACME: 300
+        },
+        {
+          year: "11.18",
+          ACME: 280
+        },
+        {
+          year: "11.19",
+          ACME: 320
+        },
+        {
+          year: "11.20",
+          ACME: 250
+        },
+        {
+          year: "11.21",
+          ACME: 310
+        },
+        {
+          year: "11.22",
+          ACME: 323
+        },
+        {
+          year: "11.23",
+          ACME: 350
+        }
+      ];
+      var dv = new DataSet.View().source(data);
+      dv.transform({
+        type: "fold",
+        fields: ["ACME"],
+        key: "type",
+        value: "value"
+      });
+      var chart = new G2.Chart({
+        container: "node8",
+        forceFit: true,
+        height: 282,
+        padding: [80, 40, 30, 40]
+      });
+      chart.source(dv, {
+        value: {
+          formatter: function formatter(val) {
+            return val;
+          }
+        },
+        year: {
+          // range: [0, 1]
+        }
+      });
+      chart.axis("value", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            textAlign: "end", // 文本对齐方向，可取值为： start middle end
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12", // 文本大小
+            textBaseline: "middle" // 文本基准线，可取 top middle bottom，默认为middle
+          }
+        }
+      });
+      chart.axis("year", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12" // 文本大小
+          }
+        }
+      });
+      chart.tooltip({
+        crosshairs: true
+      });
+      chart
+        .line()
+        .position("year*value")
+        .color("type", function(val) {
+          return "#ffd700";
+        })
+        .size(2)
+        .shape("smooth");
+      chart
+        .point()
+        .position("year*value")
+        .size(3)
+        .shape("circle")
+        .label(
+          "year*value",
+          function(year, ACME) {
+            return ACME;
+          },
+          {
+            textStyle: {
+              fill: "#fff",
+              fontSize: 12,
+              textAlign:'left',
+            }
+          }
+        )
+        .style({
+          fill: "#eee",
+          fontSize: 12,
+          stroke: "#ffd700",
+          lineWidth: 1
+        });
+
+      chart.guide().html({
+        position: ["5%", "-35%"],
+        html: '<div class="chart8-title"><p class="title">日活跃用户</p></div>'
+      });
+        chart.guide().html({
+        position: ["1%", "-22%"],
+        html:
+          '<div class="chart4-title"><p class="title">数量（个）</p></div>'
+      });
+      chart.guide().html({
+        position: ["102%", "100%"],
+        html:
+          '<div class="chart4-title"><p class="title">日期</p></div>'
+      });
+      chart.render();
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.chart8-title {
+  .title {
+    font-size: 13px;
+    color: #a4b6c5;
+  }
+}
+</style>

smart-property-manage/src/components/chart/chart9.vue

@@ -0,0 +1,116 @@
+<template>
+  <div id="node9"/>
+</template>
+
+<script>
+import G2 from "@antv/g2";
+
+export default {
+  mounted() {
+    this.rander();
+  },
+  methods: {
+    rander() {
+      var data = [
+        {
+          type: "公告",
+          sales: 500
+        },
+        {
+          type: "活动",
+          sales: 400
+        },
+        {
+          type: "话题",
+          sales: 1000
+        }
+      ];
+      var chart = new G2.Chart({
+        container: "node9",
+        forceFit: true,
+        height: 282,
+        padding: [80, 20, 30, 40]
+      });
+      chart.source(data);
+      chart.scale("", {
+        tickInterval: 200
+      });
+      chart.guide().html({
+        position: ["5%", "-35%"],
+        html:
+          '<div class="chart9-title"><p class="title">已发布内容统计</p></div>'
+      });
+      chart.guide().html({
+        position: ["1%", "-22%"],
+        html: '<div class="chart4-title"><p class="title">数量（个）</p></div>'
+      });
+
+      chart.axis("sales", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            textAlign: "end", // 文本对齐方向，可取值为： start middle end
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12", // 文本大小
+            textBaseline: "middle" // 文本基准线，可取 top middle bottom，默认为middle
+          }
+        }
+      });
+      chart.axis("type", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12" // 文本大小
+          }
+        }
+      });
+      chart
+        .interval()
+        .position("type*sales")
+        .color("type", function(val) {
+          if (val === "公告") {
+            return "#53F9FF";
+          } else if (val === "活动") {
+            return "#FF6666";
+          }
+          return "#3F688D";
+        })
+        .label(
+          "type*sales",
+          function(type, sales) {
+            return sales;
+          },
+          {
+            textStyle: {
+              fill: "#fff",
+              fontSize: 12
+            }
+          }
+        );
+      chart.render();
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.chart9-title {
+  .title {
+    font-size: 13px;
+    color: #a4b6c5;
+  }
+}
+.chart-right-btn {
+  font-size: 13px;
+  color: #a4b6c5;
+}
+</style>

smart-property-manage/src/components/chart/lineChart.vue

@@ -0,0 +1,136 @@
+<template>
+  <div :id="id"/>
+</template>
+
+<script>
+import G2 from "@antv/g2";
+import DataSet from "@antv/data-set";
+
+export default {
+  name: 'LineChart',
+  props: [
+    'id',
+    'title',
+    'data',
+    'axisX',
+    'axisY'
+  ],
+  data () {
+    return {
+      chart: undefined,
+    }
+  },
+  mounted() {
+    this.rander();
+  },
+  watch: {
+    data() {
+      window.console.log(this.id, this.data)
+      this.rander()
+    }
+  },
+  methods: {
+    rander() {
+      const _self = this
+
+      if (this.chart) {
+        this.chart.clear();
+      } else {
+        this.chart = new G2.Chart({
+          container: _self.id,
+          forceFit: true,
+          height: 282,
+          padding: [80, 40, 30, 50]
+        });
+      }
+
+      const chart = this.chart;
+      chart.source(_self.data);
+
+      chart.axis("value", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            textAlign: "end", // 文本对齐方向，可取值为： start middle end
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12", // 文本大小
+            textBaseline: "middle" // 文本基准线，可取 top middle bottom，默认为middle
+          }
+        }
+      });
+      chart.axis("item", {
+        line: {
+          lineWidth: 1, // 设置线的宽度
+          stroke: "#a4b6c5" // 设置线的颜色
+        },
+        grid: null,
+        label: {
+          textStyle: {
+            fill: "#a4b6c5", // 文本的颜色
+            fontSize: "12" // 文本大小
+          }
+        }
+      });
+      chart.tooltip({
+        crosshairs: true
+      });
+
+      chart
+        .line()
+        .position("item*value")
+        .color("value", () => '#83BB41')
+        .size(2)
+        .shape("smooth");
+      chart
+        .point()
+        .position("item*value")
+        .size(3)
+        .shape("circle")
+        .label("item*value",
+          function(item, value) {
+            return value;
+          },
+          {
+            textStyle: {
+              fill: "#fff",
+              fontSize: 12,
+              textAlign:'left',
+            }
+          }
+        )
+        .style({
+          fill: "#eee",
+          fontSize: 12,
+          stroke: "#83BB41",
+          lineWidth: 1
+        });
+      chart.guide().html({
+        position: ["5%", "-35%"],
+        html: `<div class="line-chat"><p class="title">${_self.title}</p></div>`
+      });
+      chart.guide().html({
+        position: ["1%", "-22%"],
+        html: `<div class="line-chat"><p class="title">${_self.axisY}</p></div>`
+      });
+      chart.guide().html({
+        position: ["102%", "100%"],
+        html: `<div class="line-chat"><p class="title">${_self.axisX}</p></div>`
+      });
+      chart.render();
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.line-chat {
+  .title {
+    font-size: 13px;
+    color: #a4b6c5;
+  }
+}
+</style>

smart-property-manage/src/directive/clipboard/clipboard.js

@@ -0,0 +1,49 @@
+// Inspired by https://github.com/Inndy/vue-clipboard2
+const Clipboard = require('clipboard')
+if (!Clipboard) {
+  throw new Error('you should npm install `clipboard` --save at first ')
+}
+
+export default {
+  bind(el, binding) {
+    if (binding.arg === 'success') {
+      el._v_clipboard_success = binding.value
+    } else if (binding.arg === 'error') {
+      el._v_clipboard_error = binding.value
+    } else {
+      const clipboard = new Clipboard(el, {
+        text() { return binding.value },
+        action() { return binding.arg === 'cut' ? 'cut' : 'copy' }
+      })
+      clipboard.on('success', e => {
+        const callback = el._v_clipboard_success
+        callback && callback(e) // eslint-disable-line
+      })
+      clipboard.on('error', e => {
+        const callback = el._v_clipboard_error
+        callback && callback(e) // eslint-disable-line
+      })
+      el._v_clipboard = clipboard
+    }
+  },
+  update(el, binding) {
+    if (binding.arg === 'success') {
+      el._v_clipboard_success = binding.value
+    } else if (binding.arg === 'error') {
+      el._v_clipboard_error = binding.value
+    } else {
+      el._v_clipboard.text = function() { return binding.value }
+      el._v_clipboard.action = function() { return binding.arg === 'cut' ? 'cut' : 'copy' }
+    }
+  },
+  unbind(el, binding) {
+    if (binding.arg === 'success') {
+      delete el._v_clipboard_success
+    } else if (binding.arg === 'error') {
+      delete el._v_clipboard_error
+    } else {
+      el._v_clipboard.destroy()
+      delete el._v_clipboard
+    }
+  }
+}

smart-property-manage/src/directive/clipboard/index.js

@@ -0,0 +1,13 @@
+import Clipboard from './clipboard'
+
+const install = function(Vue) {
+  Vue.directive('Clipboard', Clipboard)
+}
+
+if (window.Vue) {
+  window.clipboard = Clipboard
+  Vue.use(install); // eslint-disable-line
+}
+
+Clipboard.install = install
+export default Clipboard

smart-property-manage/src/directive/el-dragDialog/drag.js

@@ -0,0 +1,77 @@
+export default{
+  bind(el, binding, vnode) {
+    const dialogHeaderEl = el.querySelector('.el-dialog__header')
+    const dragDom = el.querySelector('.el-dialog')
+    dialogHeaderEl.style.cssText += ';cursor:move;'
+    dragDom.style.cssText += ';top:0px;'
+
+    // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
+    const getStyle = (function() {
+      if (window.document.currentStyle) {
+        return (dom, attr) => dom.currentStyle[attr]
+      } else {
+        return (dom, attr) => getComputedStyle(dom, false)[attr]
+      }
+    })()
+
+    dialogHeaderEl.onmousedown = (e) => {
+      // 鼠标按下，计算当前元素距离可视区的距离
+      const disX = e.clientX - dialogHeaderEl.offsetLeft
+      const disY = e.clientY - dialogHeaderEl.offsetTop
+
+      const dragDomWidth = dragDom.offsetWidth
+      const dragDomHeight = dragDom.offsetHeight
+
+      const screenWidth = document.body.clientWidth
+      const screenHeight = document.body.clientHeight
+
+      const minDragDomLeft = dragDom.offsetLeft
+      const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth
+
+      const minDragDomTop = dragDom.offsetTop
+      const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomHeight
+
+      // 获取到的值带px 正则匹配替换
+      let styL = getStyle(dragDom, 'left')
+      let styT = getStyle(dragDom, 'top')
+
+      if (styL.includes('%')) {
+        styL = +document.body.clientWidth * (+styL.replace(/\%/g, '') / 100)
+        styT = +document.body.clientHeight * (+styT.replace(/\%/g, '') / 100)
+      } else {
+        styL = +styL.replace(/\px/g, '')
+        styT = +styT.replace(/\px/g, '')
+      }
+
+      document.onmousemove = function(e) {
+        // 通过事件委托，计算移动的距离
+        let left = e.clientX - disX
+        let top = e.clientY - disY
+
+        // 边界处理
+        if (-(left) > minDragDomLeft) {
+          left = -minDragDomLeft
+        } else if (left > maxDragDomLeft) {
+          left = maxDragDomLeft
+        }
+
+        if (-(top) > minDragDomTop) {
+          top = -minDragDomTop
+        } else if (top > maxDragDomTop) {
+          top = maxDragDomTop
+        }
+
+        // 移动当前元素
+        dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`
+
+        // emit onDrag event
+        vnode.child.$emit('dragDialog')
+      }
+
+      document.onmouseup = function(e) {
+        document.onmousemove = null
+        document.onmouseup = null
+      }
+    }
+  }
+}

smart-property-manage/src/directive/el-dragDialog/index.js

@@ -0,0 +1,13 @@
+import drag from './drag'
+
+const install = function(Vue) {
+  Vue.directive('el-drag-dialog', drag)
+}
+
+if (window.Vue) {
+  window['el-drag-dialog'] = drag
+  Vue.use(install); // eslint-disable-line
+}
+
+drag.install = install
+export default drag

smart-property-manage/src/directive/permission/index.js

@@ -0,0 +1,13 @@
+import permission from './permission'
+
+const install = function(Vue) {
+  Vue.directive('permission', permission)
+}
+
+if (window.Vue) {
+  window['permission'] = permission
+  Vue.use(install); // eslint-disable-line
+}
+
+permission.install = install
+export default permission

smart-property-manage/src/directive/permission/permission.js

@@ -0,0 +1,23 @@
+
+import store from '@/store'
+
+export default{
+  inserted(el, binding, vnode) {
+    const { value } = binding
+    const roles = store.getters && store.getters.roles
+
+    if (value && value instanceof Array && value.length > 0) {
+      const permissionRoles = value
+
+      const hasPermission = roles.some(role => {
+        return permissionRoles.includes(role)
+      })
+
+      if (!hasPermission) {
+        el.parentNode && el.parentNode.removeChild(el)
+      }
+    } else {
+      throw new Error(`need roles! Like v-permission="['admin','editor']"`)
+    }
+  }
+}

smart-property-manage/src/directive/sticky.js

@@ -0,0 +1,91 @@
+const vueSticky = {}
+let listenAction
+vueSticky.install = Vue => {
+  Vue.directive('sticky', {
+    inserted(el, binding) {
+      const params = binding.value || {}
+      const stickyTop = params.stickyTop || 0
+      const zIndex = params.zIndex || 1000
+      const elStyle = el.style
+
+      elStyle.position = '-webkit-sticky'
+      elStyle.position = 'sticky'
+      // if the browser support css sticky（Currently Safari, Firefox and Chrome Canary）
+      // if (~elStyle.position.indexOf('sticky')) {
+      //     elStyle.top = `${stickyTop}px`;
+      //     elStyle.zIndex = zIndex;
+      //     return
+      // }
+      const elHeight = el.getBoundingClientRect().height
+      const elWidth = el.getBoundingClientRect().width
+      elStyle.cssText = `top: ${stickyTop}px; z-index: ${zIndex}`
+
+      const parentElm = el.parentNode || document.documentElement
+      const placeholder = document.createElement('div')
+      placeholder.style.display = 'none'
+      placeholder.style.width = `${elWidth}px`
+      placeholder.style.height = `${elHeight}px`
+      parentElm.insertBefore(placeholder, el)
+
+      let active = false
+
+      const getScroll = (target, top) => {
+        const prop = top ? 'pageYOffset' : 'pageXOffset'
+        const method = top ? 'scrollTop' : 'scrollLeft'
+        let ret = target[prop]
+        if (typeof ret !== 'number') {
+          ret = window.document.documentElement[method]
+        }
+        return ret
+      }
+
+      const sticky = () => {
+        if (active) {
+          return
+        }
+        if (!elStyle.height) {
+          elStyle.height = `${el.offsetHeight}px`
+        }
+
+        elStyle.position = 'fixed'
+        elStyle.width = `${elWidth}px`
+        placeholder.style.display = 'inline-block'
+        active = true
+      }
+
+      const reset = () => {
+        if (!active) {
+          return
+        }
+
+        elStyle.position = ''
+        placeholder.style.display = 'none'
+        active = false
+      }
+
+      const check = () => {
+        const scrollTop = getScroll(window, true)
+        const offsetTop = el.getBoundingClientRect().top
+        if (offsetTop < stickyTop) {
+          sticky()
+        } else {
+          if (scrollTop < elHeight + stickyTop) {
+            reset()
+          }
+        }
+      }
+      listenAction = () => {
+        check()
+      }
+
+      window.addEventListener('scroll', listenAction)
+    },
+
+    unbind() {
+      window.removeEventListener('scroll', listenAction)
+    }
+  })
+}
+
+export default vueSticky
+

smart-property-manage/src/directive/waves/index.js

@@ -0,0 +1,13 @@
+import waves from './waves'
+
+const install = function(Vue) {
+  Vue.directive('waves', waves)
+}
+
+if (window.Vue) {
+  window.waves = waves
+  Vue.use(install); // eslint-disable-line
+}
+
+waves.install = install
+export default waves

smart-property-manage/src/directive/waves/waves.css

@@ -0,0 +1,26 @@
+.waves-ripple {
+    position: absolute;
+    border-radius: 100%;
+    background-color: rgba(0, 0, 0, 0.15);
+    background-clip: padding-box;
+    pointer-events: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-transform: scale(0);
+    -ms-transform: scale(0);
+    transform: scale(0);
+    opacity: 1;
+}
+
+.waves-ripple.z-active {
+    opacity: 0;
+    -webkit-transform: scale(2);
+    -ms-transform: scale(2);
+    transform: scale(2);
+    -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
+    transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
+    transition: opacity 1.2s ease-out, transform 0.6s ease-out;
+    transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
+}

smart-property-manage/src/directive/waves/waves.js

@@ -0,0 +1,42 @@
+import './waves.css'
+
+export default{
+  bind(el, binding) {
+    el.addEventListener('click', e => {
+      const customOpts = Object.assign({}, binding.value)
+      const opts = Object.assign({
+        ele: el, // 波纹作用元素
+        type: 'hit', // hit 点击位置扩散 center中心点扩展
+        color: 'rgba(0, 0, 0, 0.15)' // 波纹颜色
+      }, customOpts)
+      const target = opts.ele
+      if (target) {
+        target.style.position = 'relative'
+        target.style.overflow = 'hidden'
+        const rect = target.getBoundingClientRect()
+        let ripple = target.querySelector('.waves-ripple')
+        if (!ripple) {
+          ripple = document.createElement('span')
+          ripple.className = 'waves-ripple'
+          ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px'
+          target.appendChild(ripple)
+        } else {
+          ripple.className = 'waves-ripple'
+        }
+        switch (opts.type) {
+          case 'center':
+            ripple.style.top = (rect.height / 2 - ripple.offsetHeight / 2) + 'px'
+            ripple.style.left = (rect.width / 2 - ripple.offsetWidth / 2) + 'px'
+            break
+          default:
+            ripple.style.top = (e.pageY - rect.top - ripple.offsetHeight / 2 - document.documentElement.scrollTop || document.body.scrollTop) + 'px'
+            ripple.style.left = (e.pageX - rect.left - ripple.offsetWidth / 2 - document.documentElement.scrollLeft || document.body.scrollLeft) + 'px'
+        }
+        ripple.style.backgroundColor = opts.color
+        ripple.className = 'waves-ripple z-active'
+        return false
+      }
+    }, false)
+  }
+}
+

smart-property-manage/src/icons/index.js

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

smart-property-manage/src/icons/svg/banner.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="1543202545074" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4972" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M895.461997 64.288189 128.54005 64.288189c-35.296901 0-63.908542 28.612665-63.908542 63.908542l0 638.941134c0 35.294854 28.611641 63.910589 63.908542 63.910589l766.91683 0c35.293831 0 63.910589-28.615735 63.910589-63.910589L959.367469 128.197754C959.367469 92.900853 930.750711 64.288189 895.461997 64.288189L895.461997 64.288189zM895.461997 767.137865l-248.417813-262.040065L524.378423 611.632161 340.300988 441.194374 156.237879 611.632161l-27.697829 31.635511 0-515.070942 766.91683 0L895.461997 767.137865 895.461997 767.137865 895.461997 767.137865zM732.900597 388.742768c54.035684 0 97.879238-43.922349 97.879238-98.031711 0-54.151317-43.844577-98.048083-97.879238-98.048083-54.05922 0-97.883331 43.896766-97.883331 98.048083C635.017266 344.825536 678.841378 388.742768 732.900597 388.742768L732.900597 388.742768zM732.900597 388.742768" p-id="4973"></path><path d="M927.628604 959.710788 96.36935 959.710788c-17.454534 0-31.737842-14.280238-31.737842-31.739888l0 0c0-17.455557 14.283308-31.732725 31.737842-31.732725l831.259254 0c17.454534 0 31.738865 14.277168 31.738865 31.732725l0 0C959.367469 945.43055 945.083138 959.710788 927.628604 959.710788L927.628604 959.710788zM927.628604 959.710788" p-id="4974"></path></svg>

smart-property-manage/src/icons/svg/community.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="1543202441123" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3897" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M874.7 382.5H805L525.8 103.2c-7.6-7.6-19.9-7.6-27.5 0L219 382.5h-69.7c-28.6 0-51.8 23.2-51.8 51.8v440.4c0 28.6 23.2 51.8 51.8 51.8h725.4c28.6 0 51.8-23.2 51.8-51.8V434.3c0-28.6-23.2-51.8-51.8-51.8zM512 144.4l238.1 238.1H274l238-238.1zM260 822.9c-21.5 0-38.9-17.4-38.9-38.9s17.4-38.9 38.9-38.9 38.9 17.4 38.9 38.9-17.4 38.9-38.9 38.9z m0-129.6c-21.5 0-38.9-17.4-38.9-38.9s17.4-38.9 38.9-38.9 38.9 17.4 38.9 38.9-17.4 38.9-38.9 38.9z m0-129.5c-21.5 0-38.9-17.4-38.9-38.9S238.5 486 260 486s38.9 17.4 38.9 38.9-17.4 38.9-38.9 38.9z m542.9 239.6H388.4c-10.7 0-19.4-8.7-19.4-19.4s8.7-19.4 19.4-19.4h414.5c10.7 0 19.4 8.7 19.4 19.4s-8.7 19.4-19.4 19.4z m0-129.5H388.4c-10.7 0-19.4-8.7-19.4-19.4s8.7-19.4 19.4-19.4h414.5c10.7 0 19.4 8.7 19.4 19.4s-8.7 19.4-19.4 19.4z m0-129.5H388.4c-10.7 0-19.4-8.7-19.4-19.4s8.7-19.4 19.4-19.4h414.5c10.7 0 19.4 8.7 19.4 19.4s-8.7 19.4-19.4 19.4z" p-id="3898"></path></svg>

smart-property-manage/src/icons/svg/communitydata.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="1543202407856" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3299" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M791.5 831H249l0.1-358.3H92.8L518.4 96.6l413.4 376.1H791.4l0.1 358.3zM299 781h442.4l-0.1-358.3h61.1l-284.6-259-293 259H299V781z" fill="#000000" p-id="3300"></path><path d="M519.3 726.9c-4.4 0-8.9-1.2-12.8-3.6-1.6-0.9-38.9-23.4-76.7-56-54.4-46.8-82-90.5-82-129.9 0-64.1 52.1-116.2 116.2-116.2 19.6 0 38.5 4.8 55.4 14 16.9-9.2 35.7-14 55.4-14 64.1 0 116.2 52.1 116.2 116.2 0 39.9-27.6 83.8-82 130.4-37.9 32.4-75.3 54.6-76.8 55.6-4.1 2.3-8.5 3.5-12.9 3.5z m-55.4-255.6c-36.5 0-66.2 29.7-66.2 66.2 0 23.4 22.8 55.9 64.1 91.6 21.9 18.9 44.1 34.4 57.6 43.3 13.4-8.8 35.6-24.1 57.5-42.9 41.3-35.5 64-68.1 64-92 0-36.5-29.7-66.2-66.2-66.2-14.7 0-28.6 4.7-40.2 13.6-9 6.9-21.4 6.9-30.4 0-11.6-8.9-25.5-13.6-40.2-13.6z" fill="#000000" p-id="3301"></path></svg>

smart-property-manage/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>

smart-property-manage/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>

smart-property-manage/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>

smart-property-manage/src/icons/svg/index.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="1543202883234" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10581" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M816.4 545.1l0 337.4c0 28.7-23.2 51.9-51.9 51.9L609.2 934.4 609.2 673.9c0-14.3-11.6-25.9-25.9-25.9L427.6 648c-14.3 0-25.9 11.6-25.9 25.9l0 260.4L246.3 934.3c-28.7 0-51.9-23.2-51.9-51.9L194.4 545.1 142 545.1l0 389.1c0 28.7 16.7 51.9 45.4 51.9l221.1 0 0-0.8 45.1 0L453.6 686.9l103 0 0.8 298.3 45.1 0 0 0.8 221.1 0c28.7 0 45.4-23.2 45.4-51.9L869 545.1 816.4 545.1zM505.4 63.8c-6.9 0-13.8 2.5-18.6 7.6L41.7 531.7c-10 10.3-9.7 26.7 0.6 36.7 5 4.9 11.5 7.3 18 7.3 6.8 0 13.6-2.6 18.7-7.9l426.4-441.1 426.4 441.1c5.1 5.3 11.9 7.9 18.6 7.9 6.5 0 13-2.4 18-7.3 10.3-10 10.6-26.4 0.6-36.7L524.1 71.3C519.2 66.3 512.3 63.8 505.4 63.8L505.4 63.8z" p-id="10582"></path></svg>

smart-property-manage/src/icons/svg/link.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><g><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"/></g></svg>

smart-property-manage/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>

smart-property-manage/src/icons/svg/operate.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="1543202499761" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4706" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M362.8 197.04a318.72 318.72 0 0 1 345.52 30.64 96 96 0 1 0 38.4-51.68 384 384 0 0 0-419.92-32.64l1.36 1.2a157.52 157.52 0 0 1 34.64 52.48zM192 480a317.52 317.52 0 0 1 26.96-128h6.08A96 96 0 1 0 160 326.48a384 384 0 0 0 200.88 506.64 160.64 160.64 0 0 1 14.48-64A320 320 0 0 1 192 480z m631.2-74.4a320 320 0 0 1-224.88 382.48 96 96 0 1 0 8.56 64 384 384 0 0 0 276.64-469.44 158.96 158.96 0 0 1-60.32 22.96z" p-id="4707"></path></svg>

smart-property-manage/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>

smart-property-manage/src/icons/svg/table.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><g><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"/></g></svg>

smart-property-manage/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>

smart-property-manage/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>

smart-property-manage/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'