diff --git a/report-ui/.babelrc b/report-ui/.babelrc
new file mode 100644
index 00000000..a2a380fe
--- /dev/null
+++ b/report-ui/.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"]
+}
diff --git a/report-ui/.editorconfig b/report-ui/.editorconfig
new file mode 100644
index 00000000..ea6e20f5
--- /dev/null
+++ b/report-ui/.editorconfig
@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false
diff --git a/report-ui/.gitignore b/report-ui/.gitignore
new file mode 100644
index 00000000..78a0eada
--- /dev/null
+++ b/report-ui/.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
diff --git a/report-ui/.postcssrc.js b/report-ui/.postcssrc.js
new file mode 100644
index 00000000..eee3e92d
--- /dev/null
+++ b/report-ui/.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": {}
+  }
+}
diff --git a/report-ui/Dockerfile b/report-ui/Dockerfile
new file mode 100644
index 00000000..b3f73aae
--- /dev/null
+++ b/report-ui/Dockerfile
@@ -0,0 +1,4 @@
+# Dockerfile
+FROM nginx:alpine
+COPY dist/ /usr/share/nginx/html/
+EXPOSE 80
\ No newline at end of file
diff --git a/report-ui/build/build.js b/report-ui/build/build.js
new file mode 100644
index 00000000..766c3add
--- /dev/null
+++ b/report-ui/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 ' + process.env.NODE_ENV + '...')
+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"
+      )
+    )
+  })
+})
diff --git a/report-ui/build/check-versions.js b/report-ui/build/check-versions.js
new file mode 100644
index 00000000..c5c29e90
--- /dev/null
+++ b/report-ui/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)
+  }
+}
diff --git a/report-ui/build/logo.png b/report-ui/build/logo.png
new file mode 100644
index 00000000..f3d2503f
Binary files /dev/null and b/report-ui/build/logo.png differ
diff --git a/report-ui/build/utils.js b/report-ui/build/utils.js
new file mode 100644
index 00000000..c96d0936
--- /dev/null
+++ b/report-ui/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')
+    })
+  }
+}
diff --git a/report-ui/build/vue-loader.conf.js b/report-ui/build/vue-loader.conf.js
new file mode 100644
index 00000000..5496c931
--- /dev/null
+++ b/report-ui/build/vue-loader.conf.js
@@ -0,0 +1,5 @@
+'use strict'
+
+module.exports = {
+  //You can set the vue-loader configuration by yourself.
+}
diff --git a/report-ui/build/webpack.base.conf.js b/report-ui/build/webpack.base.conf.js
new file mode 100644
index 00000000..9138da30
--- /dev/null
+++ b/report-ui/build/webpack.base.conf.js
@@ -0,0 +1,93 @@
+'use strict'
+const path = require('path')
+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)
+}
+
+module.exports = {
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: config.build.assetsPublicPath //process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      '@': resolve('src')
+    }
+  },
+  module: {
+    rules: [{
+        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()],
+  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'
+  }
+}
diff --git a/report-ui/build/webpack.dev.conf.js b/report-ui/build/webpack.dev.conf.js
new file mode 100644
index 00000000..cfc157ab
--- /dev/null
+++ b/report-ui/build/webpack.dev.conf.js
@@ -0,0 +1,100 @@
+'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',
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: config.dev.assetsPublicPath
+  },
+  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('favicon.ico'),
+      title: 'vue-admin-template'
+    })
+  ]
+})
+
+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)
+    }
+  })
+})
diff --git a/report-ui/build/webpack.prod.conf.js b/report-ui/build/webpack.prod.conf.js
new file mode 100644
index 00000000..920a7f26
--- /dev/null
+++ b/report-ui/build/webpack.prod.conf.js
@@ -0,0 +1,182 @@
+'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)
+}
+
+var env = require('../config/dev.env')
+if (process.env.NODE_ENV === 'testing') {
+  env = require('../config/test.env')
+}
+if (process.env.NODE_ENV === 'production') {
+  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('favicon.ico'),
+      title: 'vue-admin-template',
+      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
diff --git a/report-ui/config/dev.env.js b/report-ui/config/dev.env.js
new file mode 100644
index 00000000..5c6289bb
--- /dev/null
+++ b/report-ui/config/dev.env.js
@@ -0,0 +1,9 @@
+'use strict'
+const merge = require('webpack-merge')
+const prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+  NODE_ENV: '"development"',
+  // BASE_API: '"http://10.108.26.163:8080"'
+  BASE_API: '"http://10.108.26.197"'
+})
diff --git a/report-ui/config/index.js b/report-ui/config/index.js
new file mode 100644
index 00000000..a42218c0
--- /dev/null
+++ b/report-ui/config/index.js
@@ -0,0 +1,86 @@
+'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: {},
+
+    // Various Dev Server settings
+    host: 'localhost', // can be overwritten by process.env.HOST
+    port: 9528, // 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: true,
+    // 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
+  }
+}
diff --git a/report-ui/config/prod.env.js b/report-ui/config/prod.env.js
new file mode 100644
index 00000000..40dc4ad3
--- /dev/null
+++ b/report-ui/config/prod.env.js
@@ -0,0 +1,5 @@
+'use strict'
+module.exports = {
+  NODE_ENV: '"production"',
+  BASE_API: '"https://log.haitongauto.com"'
+}
diff --git a/report-ui/config/test.env.js b/report-ui/config/test.env.js
new file mode 100644
index 00000000..b7cf0c6b
--- /dev/null
+++ b/report-ui/config/test.env.js
@@ -0,0 +1,8 @@
+'use strict'
+const merge = require('webpack-merge')
+const prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+  NODE_ENV: '"testing"',
+  BASE_API: '"http://haitongnla.test.anji-plus.com"'
+})
diff --git a/report-ui/favicon.ico b/report-ui/favicon.ico
new file mode 100644
index 00000000..1f80c113
Binary files /dev/null and b/report-ui/favicon.ico differ
diff --git a/report-ui/index.html b/report-ui/index.html
new file mode 100644
index 00000000..db342f75
--- /dev/null
+++ b/report-ui/index.html
@@ -0,0 +1,15 @@
+<!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>
diff --git a/report-ui/package.json b/report-ui/package.json
new file mode 100644
index 00000000..3384eee1
--- /dev/null
+++ b/report-ui/package.json
@@ -0,0 +1,92 @@
+{
+  "name": "mirror-manager",
+  "version": "3.8.0",
+  "description": "mirror-manager",
+  "author": "mirror-team@anji-plus.com",
+  "scripts": {
+    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "start": "npm run dev",
+    "build": "cross-env NODE_ENV=production node build/build.js",
+    "build:dev": "cross-env NODE_ENV=development node build/build.js",
+    "build:test": "cross-env NODE_ENV=testing node build/build.js",
+    "build:prod": "cross-env NODE_ENV=production node build/build.js"
+  },
+  "dependencies": {
+    "@ckeditor/ckeditor5-build-decoupled-document": "^23.1.0",
+    "axios": "0.18.0",
+    "chokidar": "^3.5.2",
+    "codemirror": "^5.58.1",
+    "crypto-js": "^3.1.9-1",
+    "echarts": "^4.9.0",
+    "echarts-gl": "^1.1.1",
+    "element-ui": "^2.9.2",
+    "js-cookie": "2.2.0",
+    "miment": "^0.0.9",
+    "moment": "^2.29.1",
+    "normalize.css": "7.0.0",
+    "nprogress": "0.2.0",
+    "sortablejs": "^1.10.2",
+    "uninstall": "0.0.0",
+    "vue": "2.6.11",
+    "vue-codemirror": "^4.0.6",
+    "vue-router": "3.0.1",
+    "vuedraggable": "^2.24.1",
+    "vuex": "3.0.1"
+  },
+  "devDependencies": {
+    "autoprefixer": "8.5.0",
+    "babel-core": "6.26.0",
+    "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",
+    "cross-env": "^5.2.0",
+    "css-loader": "1.0.0",
+    "eventsource-polyfill": "0.9.6",
+    "file-loader": "1.1.11",
+    "friendly-errors-webpack-plugin": "1.7.0",
+    "html-webpack-plugin": "4.0.0-alpha",
+    "js-md5": "^0.7.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",
+    "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.6.11",
+    "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"
+  ]
+}
diff --git a/report-ui/src/App.vue b/report-ui/src/App.vue
new file mode 100644
index 00000000..34fcad4e
--- /dev/null
+++ b/report-ui/src/App.vue
@@ -0,0 +1,12 @@
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+  import '@/assets/iconfont/iconfont.css'
+  export default {
+    name: 'App'
+  }
+</script>
diff --git a/report-ui/src/api/GaeaReport.js b/report-ui/src/api/GaeaReport.js
new file mode 100644
index 00000000..a90c5500
--- /dev/null
+++ b/report-ui/src/api/GaeaReport.js
@@ -0,0 +1,69 @@
+import request from '@/utils/request'
+
+// 设计报表
+export function design(data) {
+  return request({
+    url: 'business/report/design',
+    method: 'post',
+    data,
+  })
+}
+
+// 预览报表，渲染数据
+export function preview(data) {
+  return request({
+    url: 'business/reportExcel/preview',
+    method: 'post',
+    data,
+  })
+}
+
+// 导出报表
+export function exportExcel(data) {
+  return request({
+    url: 'business/reportExcel/exportExcel',
+    method: 'post',
+    data,
+  })
+}
+
+// 导出报表
+export function exportPdf(data) {
+  return request({
+    url: 'business/reportExcel/exportPdf',
+    method: 'post',
+    data,
+  })
+}
+
+//  获取所有数据集
+export function queryAllDataSet() {
+  return request({
+    url: 'business/dataSet/queryAllDataSet',
+    method: 'get',
+  })
+}
+
+//  获取对应数据集的列集合
+export function detail(data) {
+  return request({
+    url: 'business/dataSet/detailBysetId/' + data,
+    method: 'get',
+  })
+}
+
+//  获取对应数据集的列集合
+export function detailBysetCode(data) {
+  return request({
+    url: 'business/dataSet/detailBysetCode/' + data,
+    method: 'get',
+  })
+}
+
+//  根据reportCode获取报表表格详情
+export function detailByReportCode(data) {
+  return request({
+    url: 'business/reportExcel/detailByReportCode/' + data,
+    method: 'get',
+  })
+}
diff --git a/report-ui/src/api/axios.js b/report-ui/src/api/axios.js
new file mode 100644
index 00000000..4911708b
--- /dev/null
+++ b/report-ui/src/api/axios.js
@@ -0,0 +1,84 @@
+import axios from 'axios';
+import { Message, MessageBox } from 'element-ui';
+import { setItem, getItem, delItem } from '@/utils/storage';
+import signUtil from '@/utils/signUtil';
+import { deepClone } from "@/utils"
+
+axios.defaults.baseURL = process.env.BASE_API
+const service = axios.create({
+  withCredentials: false,
+  timeout: 60000,
+  headers: {
+    'Content-Type': 'application/json',
+  }
+})
+
+service.interceptors.request.use(
+  config => {
+    // 在发送请求之前做些什么
+    var token = getItem('token');
+    config.data = signUtil.sign(token, deepClone(config.data));
+    // console.log(config, 'config')
+    return config
+  },
+  error => {
+    // Do something with request error
+    console.log(error) // for debug
+    Promise.reject(error)
+  }
+)
+
+// response interceptor
+service.interceptors.response.use(
+  response => {
+    const res = response.data;
+    if (res.repCode == '0000') {
+      return res
+    }
+    else if (res.repCode == '0024') {
+
+      //登录超时或被登出，弹确认框，用户确认后，跳转到登录页面
+      MessageBox({
+        message: "当前登录已失效或异地登录，请重新登录",
+        type: 'error',
+        duration: 3 * 1000,
+      }).then(() => {
+        console.log(1)
+        sessionStorage.clear();
+        localStorage.clear();
+        delItem('token')
+        // location.reload();
+        window.location.href = "/";
+      }).catch(err => {
+        console.log(2)
+      })
+    } else if (res.repCode == "3100" || res.repCode == "3101") {
+      return res;
+    }
+    else {
+      Message({
+        message: res.repMsg,
+        type: 'error',
+        duration: 3 * 1000
+      })
+      return res;
+    }
+  },
+  error => {
+    var errorStatus = error.response.status;
+    var errorData = error.response.data;
+    var messageTxt = "";
+    if (errorStatus != 200) {
+      messageTxt = "服务器内部错误，请联系管理员";
+    } else {
+      messageTxt = '失败原因：' + errorData.repCode + '--' + errorData.repMsg;
+    }
+    Message({
+      message: messageTxt,
+      type: 'error',
+      duration: 5 * 1000
+    })
+  }
+)
+
+export default service
\ No newline at end of file
diff --git a/report-ui/src/api/bigscreen.js b/report-ui/src/api/bigscreen.js
new file mode 100644
index 00000000..95f3adad
--- /dev/null
+++ b/report-ui/src/api/bigscreen.js
@@ -0,0 +1,43 @@
+import request from '@/utils/request'
+
+// 保存大屏设计
+export function insertDashboard(data) {
+  return request({
+    url: 'business/reportDashboard',
+    method: 'post',
+    data,
+  })
+}
+
+// 预览、查询大屏详情
+export function detailDashboard(data) {
+  return request({
+    url: 'business/reportDashboard/' + data,
+    method: 'get',
+  })
+}
+
+// 数据集查询
+export function queryAllDataSet(data) {
+  return request({
+    url: 'business/dataSet/queryAllDataSet',
+    method: 'get',
+  })
+}
+
+// 获取数据集信息
+export function detailBysetId(data) {
+  return request({
+    url: 'business/dataSet/detailBysetId/' + data,
+    method: 'get',
+  })
+}
+
+// 获取动态数据
+export function getData(data) {
+  return request({
+    url: 'business/reportDashboard/getData',
+    method: 'post',
+    data,
+  })
+}
diff --git a/report-ui/src/api/calculation/calculation.js b/report-ui/src/api/calculation/calculation.js
new file mode 100644
index 00000000..39d88388
--- /dev/null
+++ b/report-ui/src/api/calculation/calculation.js
@@ -0,0 +1,64 @@
+import request from '@/api/axios'
+
+// 分页查询
+export const reqPageList = data => {
+  return request({
+    url: '/analysis-service/calculate/queryByPage',
+    method: 'post',
+    data
+  })
+}
+
+// 新增
+export const reqAddDeviceType = data => {
+  return request({
+    url: '/analysis-service/calculate/create',
+    method: 'post',
+    data
+  })
+}
+
+// 编辑
+export const reqEditDeviceType = data => {
+  return request({
+    url: '/analysis-service/calculate/updateById',
+    method: 'post',
+    data
+  })
+}
+
+// 删除
+export const reqDeleteDeviceType = data => {
+  return request({
+    url: '/analysis-service/calculate/deleteByIds',
+    method: 'post',
+    data
+  })
+}
+
+// 根据id查明细
+export const reqDetail =  data => {
+  return request({
+    url: '/analysis-service/calculate/queryById',
+    method: 'post',
+    data
+  })
+}
+
+// 根据监控项id 拉取监控项树结构
+export const reqItemTree = data => {
+  return request({
+    url: '/analysis-service/item/tree',
+    method: 'post',
+    data
+  })
+}
+
+// 计算执行sql 语句 
+export const reqExecuteSql = data => {
+  return request({
+    url: '/analysis-service/calculate/executeSql',
+    method: 'post',
+    data
+  })
+}
diff --git a/report-ui/src/api/common.js b/report-ui/src/api/common.js
new file mode 100644
index 00000000..1db32a1a
--- /dev/null
+++ b/report-ui/src/api/common.js
@@ -0,0 +1,25 @@
+/*
+ * @Author: zyk
+ * @Date: 2020-07-13 15:13:34
+ * @Last Modified by: zyk
+ * @Last Modified time: 2021-03-15 13:28:28
+ */
+
+import request from '@/utils/request'
+
+// 数据字典接口
+export function dataDictionary(dictName) {
+  return request({
+    url: `/business/gaeaDict/select/${dictName}`,
+    method: 'GET',
+  })
+}
+
+// 图片上传接口
+export function uploadImg(data) {
+  return request({
+    url: '/business/file/upload',
+    method: 'POST',
+    data,
+  })
+}
diff --git a/report-ui/src/api/deviceInfo.js b/report-ui/src/api/deviceInfo.js
new file mode 100644
index 00000000..707b1113
--- /dev/null
+++ b/report-ui/src/api/deviceInfo.js
@@ -0,0 +1,35 @@
+import request from '@/utils/request'
+/** i18n版本*/
+export function add (data) {
+  return request({
+    url: 'business/deviceInfo',
+    method: 'post',
+    data,
+  })
+}
+
+export function del (ids) {
+  return request({
+    url: 'business/deviceInfo/' + ids,
+    method: 'delete',
+    data: ids,
+  })
+}
+
+export function edit (data) {
+  return request({
+    url: 'business/deviceInfo',
+    method: 'put',
+    data,
+  })
+}
+
+export function preview (data) {
+  return request({
+    url: 'business/deviceInfo/' + data.id,
+    method: 'get',
+    params: data,
+  })
+}
+
+export default { add, edit, del, preview }
diff --git a/report-ui/src/api/dict-data.js b/report-ui/src/api/dict-data.js
new file mode 100644
index 00000000..28f06385
--- /dev/null
+++ b/report-ui/src/api/dict-data.js
@@ -0,0 +1,54 @@
+/*
+ * @Author: zyk
+ * @Date: 2020-07-13 15:13:17
+ * @Last Modified by: zyk
+ * @Last Modified time: 2020-12-15 15:34:34
+ */
+import request from '@/utils/request'
+// 数据字典和基础数据查询的相关接口
+
+/**
+ * 数据字典多类型编码查询接口
+ * type参数 类型 String
+ * type参数 格式 'type'
+ */
+export function getDictList(type) {
+  return request({
+    url: `/business/gaeaDict/select/${type}`,
+    method: 'get',
+  })
+}
+export function getDictCodes(project) {
+  return request({
+    url: `/business/gaeaDict/selectAll/${project}`,
+    method: 'get',
+  })
+}
+
+/**
+ * 数据字典多类型编码查询接口
+ * typeList参数 类型 Array
+ * typeList参数 格式 ['type1','type2',...]
+ */
+export function getMultipleDictList(typeList) {
+  const types = typeList + ''
+  return request({
+    url: `/v1/dict/types`,
+    method: 'get',
+    params: { types },
+  })
+}
+
+/**
+ * 主数据编码查询接口
+ * typeList参数 类型 Array
+ * typeList参数 格式 ['type1','type2',...]
+ */
+export function getBaseDataList(typeList) {
+  const types = typeList + ''
+  return request({
+    url: `/v1/master/types`,
+    method: 'get',
+    params: { types },
+  })
+}
diff --git a/report-ui/src/api/helpCenter/helpCenter.js b/report-ui/src/api/helpCenter/helpCenter.js
new file mode 100644
index 00000000..31c0f14a
--- /dev/null
+++ b/report-ui/src/api/helpCenter/helpCenter.js
@@ -0,0 +1,36 @@
+import request from '@/api/axios'
+
+// 查询字典
+export function queryForCodeSelect(params={}) {
+  return request({
+    url: '/auth-service/dict/queryForCodeSelect',
+    method: 'post',
+    data: params
+  })
+}
+
+// 查询标题
+export function querytitleByCategory(params) {
+  return request({
+    url: '/auth-service/help/querytitleByCategory',
+    method: 'post',
+    data: params
+  })
+}
+
+// 关键词查询
+export function searchKeyWord(params = {}) {
+  return request({
+    url: '/auth-service/help/searchKeyWord',
+    method: 'post',
+    data: params
+  })
+}
+
+export function queryById(data) {
+  return request({
+    url: '/auth-service/help/queryById',
+    method: 'post',
+    data
+  })
+}
diff --git a/report-ui/src/api/login.js b/report-ui/src/api/login.js
new file mode 100644
index 00000000..52c354ca
--- /dev/null
+++ b/report-ui/src/api/login.js
@@ -0,0 +1,31 @@
+import request from './axios'
+
+export function login (data) {
+  return request({
+    url: '/login',
+    method: 'post',
+    data
+  })
+}
+
+export function logout () {
+  return request({
+    url: '/accessUser/logout',
+    method: 'post'
+  })
+}
+
+// 登录之后   根据旧修改密码
+export const reqUpdatePassword = data => request({
+  url: '/auth-service/user/updatePassword',
+  method: 'post',
+  data: data
+})
+
+export function queryForCodeSelect (params = {}) {
+  return request({
+    url: '/auth-service/dict/queryForCodeSelect',
+    method: 'post',
+    data: params
+  })
+}
\ No newline at end of file
diff --git a/report-ui/src/api/report.js b/report-ui/src/api/report.js
new file mode 100644
index 00000000..f96700e8
--- /dev/null
+++ b/report-ui/src/api/report.js
@@ -0,0 +1,170 @@
+/*
+ * @Author: zyk
+ * @Date: 2020-07-13 15:13:37
+ * @Last Modified by: zyk
+ * @Last Modified time: 2021-03-04 10:46:26
+ */
+import request from '@/utils/request'
+import { add, del, edit, preview } from '@/api/deviceInfo'
+// datasource
+export function pageList(params) {
+  return request({
+    url: '/business/dataSource/pageList',
+    method: 'get',
+    params,
+  })
+}
+export function dataSource(data) {
+  return request({
+    url: '/business/dataSource/' + data.id,
+    method: 'get',
+    data,
+  })
+}
+// delete datasource
+export function deleteDataSource(data) {
+  return request({
+    url: '/business/dataSource/' + data.id,
+    method: 'delete',
+    data,
+  })
+}
+export function testConnection(data) {
+  return request({
+    url: '/business/dataSource/testConnection',
+    method: 'post',
+    data,
+  })
+}
+export function addDataSource(data) {
+  return request({
+    url: '/business/dataSource',
+    method: 'post',
+    data,
+  })
+}
+export function editDataSource(data) {
+  return request({
+    url: '/business/dataSource',
+    method: 'put',
+    data,
+  })
+}
+// resultset
+export function dataSetPreview(data) {
+  return request({
+    url: `/business/dataSet/detailBysetId/${data.id}`,
+    method: 'get',
+  })
+}
+
+export function addDataSet(data) {
+  return request({
+    url: '/business/dataSet',
+    method: 'post',
+    data,
+  })
+}
+export function editDataSet(data) {
+  return request({
+    url: '/business/dataSet',
+    method: 'put',
+    data,
+  })
+}
+// delete dataset
+export function deleteDataSet(data) {
+  return request({
+    url: '/business/dataSet/' + data.id,
+    method: 'delete',
+    data,
+  })
+}
+// 下拉数据源
+export function queryAllDataSourceSet(data) {
+  return request({
+    url: '/business/dataSource/queryAllDataSource',
+    method: 'get',
+    data,
+  })
+}
+// 数据集高级规则js验证
+export function verificationSet(data) {
+  return request({
+    url: '/business/dataSetParam/verification',
+    method: 'post',
+    data,
+  })
+}
+// 测试数据转换，以及返回数据table列表
+export function testTransformSet(data) {
+  return request({
+    url: '/business/dataSet/testTransform',
+    method: 'post',
+    data,
+  })
+}
+
+// report
+export function reportPageList(params) {
+  return request({
+    url: '/business/report/pageList',
+    method: 'get',
+    params,
+  })
+}
+// report
+export function addReport(data) {
+  return request({
+    url: '/business/report',
+    method: 'post',
+    data,
+  })
+}
+
+// report
+export function editReport(data) {
+  return request({
+    url: '/business/report',
+    method: 'put',
+    data,
+  })
+}
+
+// report
+export function delReport(data) {
+  return request({
+    url: '/business/report/delReport',
+    method: 'delete',
+    data,
+  })
+}
+
+// report
+export function detailReport(id, accessKey) {
+  return request({
+    url: `/business/report/${id}?accessKey=${accessKey}`,
+    method: 'get',
+  })
+}
+
+// reportExcel
+export function addReportExcel(data) {
+  return request({
+    url: '/business/reportExcel',
+    method: 'post',
+    data,
+  })
+}
+
+// reportExcel
+export function editReportExcel(data) {
+  return request({
+    url: '/business/reportExcel',
+    method: 'put',
+    data,
+  })
+}
+
+
+export default { add, edit, del, preview }
diff --git a/report-ui/src/api/upload.js b/report-ui/src/api/upload.js
new file mode 100644
index 00000000..192e7e2f
--- /dev/null
+++ b/report-ui/src/api/upload.js
@@ -0,0 +1,71 @@
+import axios from 'axios';
+import { Message, MessageBox } from 'element-ui';
+import { setItem, getItem, delItem } from '@/utils/storage';
+
+axios.defaults.baseURL = process.env.BASE_API
+// axios.defaults.baseURL = 'http://10.108.12.23:8080'   // 德明本地
+// axios.defaults.baseURL = "http://haitongnla.test.anji-plus.com"
+// axios.defaults.baseURL = "http://10.108.26.163:8080"
+
+const service = axios.create({
+  withCredentials: true,
+  timeout: 60000,
+  headers: {
+    'Content-Type': 'multipart/form-data'
+  }
+})
+
+// response interceptor
+service.interceptors.response.use(
+  response => {
+    const res = response.data;
+    if (res.repCode == '0000') {
+      return res
+    }
+    else if (res.repCode == '0024') {
+     
+      //登录超时或被登出，弹确认框，用户确认后，跳转到登录页面
+      MessageBox({
+        message: "当前登录已失效或异地登录，请重新登录",
+        type: 'error',
+        duration: 3 * 1000,
+      }).then(() => {
+        console.log(1)
+        sessionStorage.clear();
+        localStorage.clear();
+        delItem('token')
+        // location.reload();
+        window.location.href = "/";
+      }).catch(err => {
+        console.log(2)
+      })
+    }else if(res.repCode == "3100" || res.repCode == "3101"){
+      return res;
+    }
+    else {
+      Message({
+        message: res.repMsg,
+        type: 'error',
+        duration: 3 * 1000
+      })
+      return res;
+    }
+  },
+  error => {
+    var errorStatus = error.response.status;
+    var errorData = error.response.data;
+    var messageTxt = "";
+    if (errorStatus != 200) {
+      messageTxt = "服务器内部错误，请联系管理员";
+    } else {
+      messageTxt = '失败原因：' + errorData.repCode + '--' + errorData.repMsg;
+    }
+    Message({
+      message: messageTxt,
+      type: 'error',
+      duration: 5 * 1000
+    })
+  }
+)
+
+export default service
\ No newline at end of file
diff --git a/report-ui/src/assets/iconfont/demo.css b/report-ui/src/assets/iconfont/demo.css
new file mode 100644
index 00000000..a67054a0
--- /dev/null
+++ b/report-ui/src/assets/iconfont/demo.css
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
diff --git a/report-ui/src/assets/iconfont/demo_index.html b/report-ui/src/assets/iconfont/demo_index.html
new file mode 100644
index 00000000..7d323ed1
--- /dev/null
+++ b/report-ui/src/assets/iconfont/demo_index.html
@@ -0,0 +1,1918 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>IconFont Demo</title>
+  <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1513211" target="_blank" class="nav-more">查看项目</a>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63b;</span>
+                <div class="name">返回</div>
+                <div class="code-name">&amp;#xe63b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe639;</span>
+                <div class="name">下载</div>
+                <div class="code-name">&amp;#xe639;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe784;</span>
+                <div class="name">下载</div>
+                <div class="code-name">&amp;#xe784;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe769;</span>
+                <div class="name">邮箱</div>
+                <div class="code-name">&amp;#xe769;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64d;</span>
+                <div class="name">绑定手机</div>
+                <div class="code-name">&amp;#xe64d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe854;</span>
+                <div class="name">手机</div>
+                <div class="code-name">&amp;#xe854;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe871;</span>
+                <div class="name">52-手机</div>
+                <div class="code-name">&amp;#xe871;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe610;</span>
+                <div class="name">home</div>
+                <div class="code-name">&amp;#xe610;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61a;</span>
+                <div class="name">home</div>
+                <div class="code-name">&amp;#xe61a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe65a;</span>
+                <div class="name">Kafka</div>
+                <div class="code-name">&amp;#xe65a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64f;</span>
+                <div class="name">数据接入—Kafka集群</div>
+                <div class="code-name">&amp;#xe64f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6f2;</span>
+                <div class="name">kafka</div>
+                <div class="code-name">&amp;#xe6f2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe853;</span>
+                <div class="name">elasticsearch-Elasticsearch</div>
+                <div class="code-name">&amp;#xe853;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xeb3f;</span>
+                <div class="name">apachekafka</div>
+                <div class="code-name">&amp;#xeb3f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xeb85;</span>
+                <div class="name">elasticsearch</div>
+                <div class="code-name">&amp;#xeb85;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8d1;</span>
+                <div class="name">问题反馈</div>
+                <div class="code-name">&amp;#xe8d1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe70e;</span>
+                <div class="name">问题反馈</div>
+                <div class="code-name">&amp;#xe70e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe643;</span>
+                <div class="name">问题反馈</div>
+                <div class="code-name">&amp;#xe643;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8a4;</span>
+                <div class="name">alikafka 消息队列Kafka</div>
+                <div class="code-name">&amp;#xe8a4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe682;</span>
+                <div class="name">项目查询-查看设备</div>
+                <div class="code-name">&amp;#xe682;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a1;</span>
+                <div class="name">elasticsearch Elasticsearch</div>
+                <div class="code-name">&amp;#xe6a1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64a;</span>
+                <div class="name">511统计_树图</div>
+                <div class="code-name">&amp;#xe64a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe615;</span>
+                <div class="name">分享</div>
+                <div class="code-name">&amp;#xe615;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60f;</span>
+                <div class="name">分享</div>
+                <div class="code-name">&amp;#xe60f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe600;</span>
+                <div class="name">分享</div>
+                <div class="code-name">&amp;#xe600;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe628;</span>
+                <div class="name">告警-紧急</div>
+                <div class="code-name">&amp;#xe628;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68a;</span>
+                <div class="name">完成安全事件</div>
+                <div class="code-name">&amp;#xe68a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe74d;</span>
+                <div class="name">eventbridge 消息事件总线</div>
+                <div class="code-name">&amp;#xe74d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe629;</span>
+                <div class="name">树</div>
+                <div class="code-name">&amp;#xe629;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61d;</span>
+                <div class="name">设备关机</div>
+                <div class="code-name">&amp;#xe61d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d8;</span>
+                <div class="name">好房拓 4.0.0 iconfont_短信</div>
+                <div class="code-name">&amp;#xe6d8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe661;</span>
+                <div class="name">业务参数</div>
+                <div class="code-name">&amp;#xe661;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe660;</span>
+                <div class="name">列表</div>
+                <div class="code-name">&amp;#xe660;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60c;</span>
+                <div class="name">编辑</div>
+                <div class="code-name">&amp;#xe60c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe63a;</span>
+                <div class="name">邮件</div>
+                <div class="code-name">&amp;#xe63a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe678;</span>
+                <div class="name">社交钉钉</div>
+                <div class="code-name">&amp;#xe678;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe624;</span>
+                <div class="name">字典管理</div>
+                <div class="code-name">&amp;#xe624;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe73f;</span>
+                <div class="name">图表</div>
+                <div class="code-name">&amp;#xe73f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe690;</span>
+                <div class="name">钉钉</div>
+                <div class="code-name">&amp;#xe690;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe603;</span>
+                <div class="name">短信</div>
+                <div class="code-name">&amp;#xe603;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe714;</span>
+                <div class="name">directmail 邮件推送</div>
+                <div class="code-name">&amp;#xe714;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61c;</span>
+                <div class="name">设备设施</div>
+                <div class="code-name">&amp;#xe61c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe606;</span>
+                <div class="name">通知</div>
+                <div class="code-name">&amp;#xe606;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe663;</span>
+                <div class="name">日志</div>
+                <div class="code-name">&amp;#xe663;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe689;</span>
+                <div class="name">触发器配置-灰</div>
+                <div class="code-name">&amp;#xe689;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe759;</span>
+                <div class="name">vcs 视觉计算服务</div>
+                <div class="code-name">&amp;#xe759;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60a;</span>
+                <div class="name">设备</div>
+                <div class="code-name">&amp;#xe60a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe617;</span>
+                <div class="name">user-before</div>
+                <div class="code-name">&amp;#xe617;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60b;</span>
+                <div class="name">科目维护图标</div>
+                <div class="code-name">&amp;#xe60b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe677;</span>
+                <div class="name">会计科目维护</div>
+                <div class="code-name">&amp;#xe677;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6dd;</span>
+                <div class="name">成本查询</div>
+                <div class="code-name">&amp;#xe6dd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c7;</span>
+                <div class="name">成本数据管理</div>
+                <div class="code-name">&amp;#xe6c7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe71d;</span>
+                <div class="name">基本数据</div>
+                <div class="code-name">&amp;#xe71d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe72d;</span>
+                <div class="name">B-省市区</div>
+                <div class="code-name">&amp;#xe72d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe66e;</span>
+                <div class="name">组织机构</div>
+                <div class="code-name">&amp;#xe66e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8c5;</span>
+                <div class="name">按钮</div>
+                <div class="code-name">&amp;#xe8c5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61b;</span>
+                <div class="name">菜单</div>
+                <div class="code-name">&amp;#xe61b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe67f;</span>
+                <div class="name">问号</div>
+                <div class="code-name">&amp;#xe67f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe636;</span>
+                <div class="name">垃圾桶</div>
+                <div class="code-name">&amp;#xe636;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe620;</span>
+                <div class="name">重置密码</div>
+                <div class="code-name">&amp;#xe620;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68f;</span>
+                <div class="name">设置</div>
+                <div class="code-name">&amp;#xe68f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69b;</span>
+                <div class="name">中转</div>
+                <div class="code-name">&amp;#xe69b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b9;</span>
+                <div class="name">add</div>
+                <div class="code-name">&amp;#xe6b9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ba;</span>
+                <div class="name">minus</div>
+                <div class="code-name">&amp;#xe6ba;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe622;</span>
+                <div class="name">password</div>
+                <div class="code-name">&amp;#xe622;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">用户</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe633;</span>
+                <div class="name">权限</div>
+                <div class="code-name">&amp;#xe633;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64c;</span>
+                <div class="name">角色</div>
+                <div class="code-name">&amp;#xe64c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe716;</span>
+                <div class="name">字典</div>
+                <div class="code-name">&amp;#xe716;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe672;</span>
+                <div class="name">参数设置</div>
+                <div class="code-name">&amp;#xe672;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe642;</span>
+                <div class="name">编辑</div>
+                <div class="code-name">&amp;#xe642;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe609;</span>
+                <div class="name">用户权限</div>
+                <div class="code-name">&amp;#xe609;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe641;</span>
+                <div class="name">分享</div>
+                <div class="code-name">&amp;#xe641;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe634;</span>
+                <div class="name">授权</div>
+                <div class="code-name">&amp;#xe634;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe653;</span>
+                <div class="name">左箭头</div>
+                <div class="code-name">&amp;#xe653;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe654;</span>
+                <div class="name">左箭头</div>
+                <div class="code-name">&amp;#xe654;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="unicode-">Unicode 引用</h2>
+          <hr>
+
+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
+          <ul>
+            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
+          </ul>
+          <blockquote>
+            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
+          </blockquote>
+          <p>Unicode 使用步骤如下：</p>
+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.eot');
+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+      url('iconfont.woff2') format('woff2'),
+      url('iconfont.woff') format('woff'),
+      url('iconfont.ttf') format('truetype'),
+      url('iconfont.svg#iconfont') format('svg');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon1"></span>
+            <div class="name">
+              返回
+            </div>
+            <div class="code-name">.icon1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconxiazai"></span>
+            <div class="name">
+              下载
+            </div>
+            <div class="code-name">.iconxiazai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon11-04"></span>
+            <div class="name">
+              下载
+            </div>
+            <div class="code-name">.icon11-04
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconyouxiang"></span>
+            <div class="name">
+              邮箱
+            </div>
+            <div class="code-name">.iconyouxiang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconbangdingshouji"></span>
+            <div class="name">
+              绑定手机
+            </div>
+            <div class="code-name">.iconbangdingshouji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconshouji"></span>
+            <div class="name">
+              手机
+            </div>
+            <div class="code-name">.iconshouji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon52-shouji"></span>
+            <div class="name">
+              52-手机
+            </div>
+            <div class="code-name">.icon52-shouji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconhome"></span>
+            <div class="name">
+              home
+            </div>
+            <div class="code-name">.iconhome
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconhome2"></span>
+            <div class="name">
+              home
+            </div>
+            <div class="code-name">.iconhome2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconKafka"></span>
+            <div class="name">
+              Kafka
+            </div>
+            <div class="code-name">.iconKafka
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconshujujieruKafkajiqun"></span>
+            <div class="name">
+              数据接入—Kafka集群
+            </div>
+            <div class="code-name">.iconshujujieruKafkajiqun
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconkafka"></span>
+            <div class="name">
+              kafka
+            </div>
+            <div class="code-name">.iconkafka
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconelasticsearch-Elasticsearch"></span>
+            <div class="name">
+              elasticsearch-Elasticsearch
+            </div>
+            <div class="code-name">.iconelasticsearch-Elasticsearch
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconapachekafka"></span>
+            <div class="name">
+              apachekafka
+            </div>
+            <div class="code-name">.iconapachekafka
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconelasticsearch"></span>
+            <div class="name">
+              elasticsearch
+            </div>
+            <div class="code-name">.iconelasticsearch
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconwentifankui"></span>
+            <div class="name">
+              问题反馈
+            </div>
+            <div class="code-name">.iconwentifankui
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconwentifankui1"></span>
+            <div class="name">
+              问题反馈
+            </div>
+            <div class="code-name">.iconwentifankui1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconwentifankui2"></span>
+            <div class="name">
+              问题反馈
+            </div>
+            <div class="code-name">.iconwentifankui2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconalikafkaxiaoxiduilieKafka"></span>
+            <div class="name">
+              alikafka 消息队列Kafka
+            </div>
+            <div class="code-name">.iconalikafkaxiaoxiduilieKafka
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconxiangmuchaxun-chakanshebei"></span>
+            <div class="name">
+              项目查询-查看设备
+            </div>
+            <div class="code-name">.iconxiangmuchaxun-chakanshebei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconelasticsearchElasticsearch"></span>
+            <div class="name">
+              elasticsearch Elasticsearch
+            </div>
+            <div class="code-name">.iconelasticsearchElasticsearch
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon511tongji_shutu"></span>
+            <div class="name">
+              511统计_树图
+            </div>
+            <div class="code-name">.icon511tongji_shutu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconfenxiang1"></span>
+            <div class="name">
+              分享
+            </div>
+            <div class="code-name">.iconfenxiang1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconfenxiang2"></span>
+            <div class="name">
+              分享
+            </div>
+            <div class="code-name">.iconfenxiang2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconfenxiang_2"></span>
+            <div class="name">
+              分享
+            </div>
+            <div class="code-name">.iconfenxiang_2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconNMStubiao-"></span>
+            <div class="name">
+              告警-紧急
+            </div>
+            <div class="code-name">.iconNMStubiao-
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconwanchenganquanshijian"></span>
+            <div class="name">
+              完成安全事件
+            </div>
+            <div class="code-name">.iconwanchenganquanshijian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconeventbridgexiaoxishijianzongxian"></span>
+            <div class="name">
+              eventbridge 消息事件总线
+            </div>
+            <div class="code-name">.iconeventbridgexiaoxishijianzongxian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconshu"></span>
+            <div class="name">
+              树
+            </div>
+            <div class="code-name">.iconshu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconshebeiguanji"></span>
+            <div class="name">
+              设备关机
+            </div>
+            <div class="code-name">.iconshebeiguanji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconhaofangtuo400iconfontduanxin"></span>
+            <div class="name">
+              好房拓 4.0.0 iconfont_短信
+            </div>
+            <div class="code-name">.iconhaofangtuo400iconfontduanxin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconnavicon-ywcs"></span>
+            <div class="name">
+              业务参数
+            </div>
+            <div class="code-name">.iconnavicon-ywcs
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconliebiao"></span>
+            <div class="name">
+              列表
+            </div>
+            <div class="code-name">.iconliebiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconbianji"></span>
+            <div class="name">
+              编辑
+            </div>
+            <div class="code-name">.iconbianji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconyoujian"></span>
+            <div class="name">
+              邮件
+            </div>
+            <div class="code-name">.iconyoujian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconshejiaodingding"></span>
+            <div class="name">
+              社交钉钉
+            </div>
+            <div class="code-name">.iconshejiaodingding
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconzidianguanli"></span>
+            <div class="name">
+              字典管理
+            </div>
+            <div class="code-name">.iconzidianguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icontubiao"></span>
+            <div class="name">
+              图表
+            </div>
+            <div class="code-name">.icontubiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icondingding"></span>
+            <div class="name">
+              钉钉
+            </div>
+            <div class="code-name">.icondingding
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconduanxin"></span>
+            <div class="name">
+              短信
+            </div>
+            <div class="code-name">.iconduanxin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icondirectmailyoujiantuisong"></span>
+            <div class="name">
+              directmail 邮件推送
+            </div>
+            <div class="code-name">.icondirectmailyoujiantuisong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconshebeisheshi"></span>
+            <div class="name">
+              设备设施
+            </div>
+            <div class="code-name">.iconshebeisheshi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icontongzhi"></span>
+            <div class="name">
+              通知
+            </div>
+            <div class="code-name">.icontongzhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconrizhi"></span>
+            <div class="name">
+              日志
+            </div>
+            <div class="code-name">.iconrizhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconchufaqipeizhi-hui"></span>
+            <div class="name">
+              触发器配置-灰
+            </div>
+            <div class="code-name">.iconchufaqipeizhi-hui
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconvcsshijuejisuanfuwu"></span>
+            <div class="name">
+              vcs 视觉计算服务
+            </div>
+            <div class="code-name">.iconvcsshijuejisuanfuwu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconbar_icon_shebei"></span>
+            <div class="name">
+              设备
+            </div>
+            <div class="code-name">.iconbar_icon_shebei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconuser-before"></span>
+            <div class="name">
+              user-before
+            </div>
+            <div class="code-name">.iconuser-before
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconkemuweihutubiao"></span>
+            <div class="name">
+              科目维护图标
+            </div>
+            <div class="code-name">.iconkemuweihutubiao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconaccounting-subjects"></span>
+            <div class="name">
+              会计科目维护
+            </div>
+            <div class="code-name">.iconaccounting-subjects
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconRectangleCopy"></span>
+            <div class="name">
+              成本查询
+            </div>
+            <div class="code-name">.iconRectangleCopy
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconchengbenshujuguanli"></span>
+            <div class="name">
+              成本数据管理
+            </div>
+            <div class="code-name">.iconchengbenshujuguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconjibenshuju"></span>
+            <div class="name">
+              基本数据
+            </div>
+            <div class="code-name">.iconjibenshuju
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconB-shengshiqu"></span>
+            <div class="name">
+              B-省市区
+            </div>
+            <div class="code-name">.iconB-shengshiqu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconzuzhijigou"></span>
+            <div class="name">
+              组织机构
+            </div>
+            <div class="code-name">.iconzuzhijigou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconanniu"></span>
+            <div class="name">
+              按钮
+            </div>
+            <div class="code-name">.iconanniu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconcaidan2"></span>
+            <div class="name">
+              菜单
+            </div>
+            <div class="code-name">.iconcaidan2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconwenhao"></span>
+            <div class="name">
+              问号
+            </div>
+            <div class="code-name">.iconwenhao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconlajitong"></span>
+            <div class="name">
+              垃圾桶
+            </div>
+            <div class="code-name">.iconlajitong
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconzhongzhimima"></span>
+            <div class="name">
+              重置密码
+            </div>
+            <div class="code-name">.iconzhongzhimima
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconshezhi"></span>
+            <div class="name">
+              设置
+            </div>
+            <div class="code-name">.iconshezhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconzhongzhuan"></span>
+            <div class="name">
+              中转
+            </div>
+            <div class="code-name">.iconzhongzhuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconadd"></span>
+            <div class="name">
+              add
+            </div>
+            <div class="code-name">.iconadd
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconminus"></span>
+            <div class="name">
+              minus
+            </div>
+            <div class="code-name">.iconminus
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconpassword"></span>
+            <div class="name">
+              password
+            </div>
+            <div class="code-name">.iconpassword
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconyonghu"></span>
+            <div class="name">
+              用户
+            </div>
+            <div class="code-name">.iconyonghu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconquanxian"></span>
+            <div class="name">
+              权限
+            </div>
+            <div class="code-name">.iconquanxian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconjiaose1"></span>
+            <div class="name">
+              角色
+            </div>
+            <div class="code-name">.iconjiaose1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconzidian"></span>
+            <div class="name">
+              字典
+            </div>
+            <div class="code-name">.iconzidian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconcssz"></span>
+            <div class="name">
+              参数设置
+            </div>
+            <div class="code-name">.iconcssz
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconbianji1"></span>
+            <div class="name">
+              编辑
+            </div>
+            <div class="code-name">.iconbianji1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icondfzq-"></span>
+            <div class="name">
+              用户权限
+            </div>
+            <div class="code-name">.icondfzq-
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconfenxiang"></span>
+            <div class="name">
+              分享
+            </div>
+            <div class="code-name">.iconfenxiang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconshouquan1"></span>
+            <div class="name">
+              授权
+            </div>
+            <div class="code-name">.iconshouquan1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconjiantou"></span>
+            <div class="name">
+              左箭头
+            </div>
+            <div class="code-name">.iconjiantou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconjiantou-copy-copy"></span>
+            <div class="name">
+              左箭头
+            </div>
+            <div class="code-name">.iconjiantou-copy-copy
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <h2 id="font-class-">font-class 引用</h2>
+        <hr>
+
+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
+        <ul>
+          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
+          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon1"></use>
+                </svg>
+                <div class="name">返回</div>
+                <div class="code-name">#icon1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconxiazai"></use>
+                </svg>
+                <div class="name">下载</div>
+                <div class="code-name">#iconxiazai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon11-04"></use>
+                </svg>
+                <div class="name">下载</div>
+                <div class="code-name">#icon11-04</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconyouxiang"></use>
+                </svg>
+                <div class="name">邮箱</div>
+                <div class="code-name">#iconyouxiang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconbangdingshouji"></use>
+                </svg>
+                <div class="name">绑定手机</div>
+                <div class="code-name">#iconbangdingshouji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconshouji"></use>
+                </svg>
+                <div class="name">手机</div>
+                <div class="code-name">#iconshouji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon52-shouji"></use>
+                </svg>
+                <div class="name">52-手机</div>
+                <div class="code-name">#icon52-shouji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconhome"></use>
+                </svg>
+                <div class="name">home</div>
+                <div class="code-name">#iconhome</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconhome2"></use>
+                </svg>
+                <div class="name">home</div>
+                <div class="code-name">#iconhome2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconKafka"></use>
+                </svg>
+                <div class="name">Kafka</div>
+                <div class="code-name">#iconKafka</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconshujujieruKafkajiqun"></use>
+                </svg>
+                <div class="name">数据接入—Kafka集群</div>
+                <div class="code-name">#iconshujujieruKafkajiqun</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconkafka"></use>
+                </svg>
+                <div class="name">kafka</div>
+                <div class="code-name">#iconkafka</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconelasticsearch-Elasticsearch"></use>
+                </svg>
+                <div class="name">elasticsearch-Elasticsearch</div>
+                <div class="code-name">#iconelasticsearch-Elasticsearch</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconapachekafka"></use>
+                </svg>
+                <div class="name">apachekafka</div>
+                <div class="code-name">#iconapachekafka</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconelasticsearch"></use>
+                </svg>
+                <div class="name">elasticsearch</div>
+                <div class="code-name">#iconelasticsearch</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconwentifankui"></use>
+                </svg>
+                <div class="name">问题反馈</div>
+                <div class="code-name">#iconwentifankui</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconwentifankui1"></use>
+                </svg>
+                <div class="name">问题反馈</div>
+                <div class="code-name">#iconwentifankui1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconwentifankui2"></use>
+                </svg>
+                <div class="name">问题反馈</div>
+                <div class="code-name">#iconwentifankui2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconalikafkaxiaoxiduilieKafka"></use>
+                </svg>
+                <div class="name">alikafka 消息队列Kafka</div>
+                <div class="code-name">#iconalikafkaxiaoxiduilieKafka</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconxiangmuchaxun-chakanshebei"></use>
+                </svg>
+                <div class="name">项目查询-查看设备</div>
+                <div class="code-name">#iconxiangmuchaxun-chakanshebei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconelasticsearchElasticsearch"></use>
+                </svg>
+                <div class="name">elasticsearch Elasticsearch</div>
+                <div class="code-name">#iconelasticsearchElasticsearch</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon511tongji_shutu"></use>
+                </svg>
+                <div class="name">511统计_树图</div>
+                <div class="code-name">#icon511tongji_shutu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconfenxiang1"></use>
+                </svg>
+                <div class="name">分享</div>
+                <div class="code-name">#iconfenxiang1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconfenxiang2"></use>
+                </svg>
+                <div class="name">分享</div>
+                <div class="code-name">#iconfenxiang2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconfenxiang_2"></use>
+                </svg>
+                <div class="name">分享</div>
+                <div class="code-name">#iconfenxiang_2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconNMStubiao-"></use>
+                </svg>
+                <div class="name">告警-紧急</div>
+                <div class="code-name">#iconNMStubiao-</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconwanchenganquanshijian"></use>
+                </svg>
+                <div class="name">完成安全事件</div>
+                <div class="code-name">#iconwanchenganquanshijian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconeventbridgexiaoxishijianzongxian"></use>
+                </svg>
+                <div class="name">eventbridge 消息事件总线</div>
+                <div class="code-name">#iconeventbridgexiaoxishijianzongxian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconshu"></use>
+                </svg>
+                <div class="name">树</div>
+                <div class="code-name">#iconshu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconshebeiguanji"></use>
+                </svg>
+                <div class="name">设备关机</div>
+                <div class="code-name">#iconshebeiguanji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconhaofangtuo400iconfontduanxin"></use>
+                </svg>
+                <div class="name">好房拓 4.0.0 iconfont_短信</div>
+                <div class="code-name">#iconhaofangtuo400iconfontduanxin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconnavicon-ywcs"></use>
+                </svg>
+                <div class="name">业务参数</div>
+                <div class="code-name">#iconnavicon-ywcs</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconliebiao"></use>
+                </svg>
+                <div class="name">列表</div>
+                <div class="code-name">#iconliebiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconbianji"></use>
+                </svg>
+                <div class="name">编辑</div>
+                <div class="code-name">#iconbianji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconyoujian"></use>
+                </svg>
+                <div class="name">邮件</div>
+                <div class="code-name">#iconyoujian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconshejiaodingding"></use>
+                </svg>
+                <div class="name">社交钉钉</div>
+                <div class="code-name">#iconshejiaodingding</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconzidianguanli"></use>
+                </svg>
+                <div class="name">字典管理</div>
+                <div class="code-name">#iconzidianguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icontubiao"></use>
+                </svg>
+                <div class="name">图表</div>
+                <div class="code-name">#icontubiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icondingding"></use>
+                </svg>
+                <div class="name">钉钉</div>
+                <div class="code-name">#icondingding</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconduanxin"></use>
+                </svg>
+                <div class="name">短信</div>
+                <div class="code-name">#iconduanxin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icondirectmailyoujiantuisong"></use>
+                </svg>
+                <div class="name">directmail 邮件推送</div>
+                <div class="code-name">#icondirectmailyoujiantuisong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconshebeisheshi"></use>
+                </svg>
+                <div class="name">设备设施</div>
+                <div class="code-name">#iconshebeisheshi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icontongzhi"></use>
+                </svg>
+                <div class="name">通知</div>
+                <div class="code-name">#icontongzhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconrizhi"></use>
+                </svg>
+                <div class="name">日志</div>
+                <div class="code-name">#iconrizhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconchufaqipeizhi-hui"></use>
+                </svg>
+                <div class="name">触发器配置-灰</div>
+                <div class="code-name">#iconchufaqipeizhi-hui</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconvcsshijuejisuanfuwu"></use>
+                </svg>
+                <div class="name">vcs 视觉计算服务</div>
+                <div class="code-name">#iconvcsshijuejisuanfuwu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconbar_icon_shebei"></use>
+                </svg>
+                <div class="name">设备</div>
+                <div class="code-name">#iconbar_icon_shebei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconuser-before"></use>
+                </svg>
+                <div class="name">user-before</div>
+                <div class="code-name">#iconuser-before</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconkemuweihutubiao"></use>
+                </svg>
+                <div class="name">科目维护图标</div>
+                <div class="code-name">#iconkemuweihutubiao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconaccounting-subjects"></use>
+                </svg>
+                <div class="name">会计科目维护</div>
+                <div class="code-name">#iconaccounting-subjects</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconRectangleCopy"></use>
+                </svg>
+                <div class="name">成本查询</div>
+                <div class="code-name">#iconRectangleCopy</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconchengbenshujuguanli"></use>
+                </svg>
+                <div class="name">成本数据管理</div>
+                <div class="code-name">#iconchengbenshujuguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconjibenshuju"></use>
+                </svg>
+                <div class="name">基本数据</div>
+                <div class="code-name">#iconjibenshuju</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconB-shengshiqu"></use>
+                </svg>
+                <div class="name">B-省市区</div>
+                <div class="code-name">#iconB-shengshiqu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconzuzhijigou"></use>
+                </svg>
+                <div class="name">组织机构</div>
+                <div class="code-name">#iconzuzhijigou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconanniu"></use>
+                </svg>
+                <div class="name">按钮</div>
+                <div class="code-name">#iconanniu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconcaidan2"></use>
+                </svg>
+                <div class="name">菜单</div>
+                <div class="code-name">#iconcaidan2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconwenhao"></use>
+                </svg>
+                <div class="name">问号</div>
+                <div class="code-name">#iconwenhao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconlajitong"></use>
+                </svg>
+                <div class="name">垃圾桶</div>
+                <div class="code-name">#iconlajitong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconzhongzhimima"></use>
+                </svg>
+                <div class="name">重置密码</div>
+                <div class="code-name">#iconzhongzhimima</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconshezhi"></use>
+                </svg>
+                <div class="name">设置</div>
+                <div class="code-name">#iconshezhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconzhongzhuan"></use>
+                </svg>
+                <div class="name">中转</div>
+                <div class="code-name">#iconzhongzhuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconadd"></use>
+                </svg>
+                <div class="name">add</div>
+                <div class="code-name">#iconadd</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconminus"></use>
+                </svg>
+                <div class="name">minus</div>
+                <div class="code-name">#iconminus</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconpassword"></use>
+                </svg>
+                <div class="name">password</div>
+                <div class="code-name">#iconpassword</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconyonghu"></use>
+                </svg>
+                <div class="name">用户</div>
+                <div class="code-name">#iconyonghu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconquanxian"></use>
+                </svg>
+                <div class="name">权限</div>
+                <div class="code-name">#iconquanxian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconjiaose1"></use>
+                </svg>
+                <div class="name">角色</div>
+                <div class="code-name">#iconjiaose1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconzidian"></use>
+                </svg>
+                <div class="name">字典</div>
+                <div class="code-name">#iconzidian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconcssz"></use>
+                </svg>
+                <div class="name">参数设置</div>
+                <div class="code-name">#iconcssz</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconbianji1"></use>
+                </svg>
+                <div class="name">编辑</div>
+                <div class="code-name">#iconbianji1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icondfzq-"></use>
+                </svg>
+                <div class="name">用户权限</div>
+                <div class="code-name">#icondfzq-</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconfenxiang"></use>
+                </svg>
+                <div class="name">分享</div>
+                <div class="code-name">#iconfenxiang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconshouquan1"></use>
+                </svg>
+                <div class="name">授权</div>
+                <div class="code-name">#iconshouquan1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconjiantou"></use>
+                </svg>
+                <div class="name">左箭头</div>
+                <div class="code-name">#iconjiantou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconjiantou-copy-copy"></use>
+                </svg>
+                <div class="name">左箭头</div>
+                <div class="code-name">#iconjiantou-copy-copy</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>
diff --git a/report-ui/src/assets/iconfont/iconfont.css b/report-ui/src/assets/iconfont/iconfont.css
new file mode 100644
index 00000000..49b9902a
--- /dev/null
+++ b/report-ui/src/assets/iconfont/iconfont.css
@@ -0,0 +1,321 @@
+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1607672860281'); /* IE9 */
+  src: url('iconfont.eot?t=1607672860281#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAADukAAsAAAAAaggAADtTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCOMgqBsGiBiCkBNgIkA4I0C4EcAAQgBYRtB4hVG2JUNeOYpbgdECpx8/qRCD0OBxeiKOrk5IRk///nBDXGkP/yQNHWNiXIoCwlc0lVzKjUFXQwIXaXbjnRPQ08TdRHqjQlDfIYBIPMg5xbMl7XaRs9iv/uyEt1Q70EKVxPLBeO5D1r7ErpnyVwJ3AwzJbHPX+bPkdqs8Y9JCmaPMDv7/FcfExUoktamjus0BYimKy09waG8ngef89d9zzb32wE2teCpAlN0pRmXS5iMNoLgOH5ufXe/6uGbdBjo2JsIyRkrIgasVGCDFo8KiwGggIWIihgYSN4Hh4mqDeMAj2uDUCs80ImxqWBhWv5k9vAXjaXPEMBwDH6GlPhWmFl8xx9PQfQ/+d9pybZyfaeZMfte0k85I4AJHnjQNscdTvg/Ni/8q8giUu3CxQG1PaAIE3s35sXSIRR1F6UtU0jDcDv7iZB760/KGTornsNIyoUQREUQTj1YR4B/5ezTPVyq8rx/ypBwrbVkPACgmGGO0CsukpXtN341hY2beLuIdvDJMv75sQfFXgIOe0W3PgIfIP/r32KLcdKEzm1rdJsOvD4dBn5fzqzVlYInRyRD/AfF024LK7SH3nhayzvjuxNMtaS7ZDs0MghOQBQHRc1lSx5k7d2ULt7BHtFl/YqqtLduxqLqj/LHd9+N7898Im3llILesBAIVCImPvfaUr3ICgsnH75fC9ypu3szcaSLywA7U5CCqCcKXXKdx1yp9zpK7LazQpoAWSBKazOklFw8VuA3mm2afQxXAlfJYvSBcZF9f+MzX66jIvUptQ3YIpioHP3c2wCWuprtDDvGp0EFpm0Amyz5lmgA0spJ1uSQTNbZ66YMbAjW83Y1slwNP39w49MDAQgqiUgP9Oq1cpccPkKfrTQz1fu6WX2dE/i9UokjEYmnWDL8VDk1dGSlt//FyPifOBrbzH2K8AYSWyuNY9v7yLxDZRHxsQlpelySirqGpraO3YfGL0ZLd4I/H/sX55wWPMQIkaqIs2Ryjvcj+XTHzNvecbWCKCGY78SaCFnsZaEIhqJzIrabNs2fqGb+Io8BusI3/nzyz/9N2lDOzZjKzuiM7t2jve0fZ/jARLqji33noGiOLtu+hxmaMpaO1QkZZyeK0aDGCy+BUWdLVpZ+nYaIK9t5jpUthTWkbJRsxWxsx/LGXHroOEyMVWV1mWWtFHX0Mmcn1c7DHXAF23tBkzXnta/EQgBCQgF1CEM4IhwgBZEBNwRCdCDyIABRAEUITogDjEAdsR+jBgE6EMWAAeyBCwgK0ATsgZkIR5gDfEBB2QPqEDOgCTkAshAYsAJSQBP5AtYQUsARhQAKEGBAAMKBTyQDHBDckAQigREoWjAGcUALCgO4EKJgBdKMudVJg0ATpQFKEA6QB7KAbShEsAMqgBcUS1gCNUBylCDxXhmmgAQhtoAHagdkIK2ATZQB6AG7QZsoQOACHQBsINGAXt0EzCG7gNy0AxgBMXvLdCaggZ0oDAFRlBwgPlSWANTKDyAqRQhwFCKGKA3RSowlqIIyBTNQKJMBNpQJgF1ynKgQXkY6ER5HZhO+R3Qnh8hUlv7zTTspB1YDpe5kIQH0fseMPCkvG0TqmUlwg8jm1Ku9uIs9IyM/a4S5bvO3d7eADfx1prjcRvET1yFjK01emwXOcW1msX8sYRt6xx95kS29kizw2UjpRlOyKRU5ZTniyQYvsOpvnb7IcIst6FwIZ07lv/9GHyLoneaZiJj7tR542KO2Q1rVa4OUa8zNyaD1mRWp7oiZSDOJa3x7LkF59xsTPIBKFOcHcrcgGp15gxNoDI4RUYpKw95CJaSp1IEhOhsFiQE4fUyGkS1Ss1ssGFxsA36fSoPApieMqglEjYhzxSMoJbExbQPbQeh8H5vvd5KUXaqHQd55HZvDADJKDDtppSYSJqS4XIkOK4XEKyFkXd9pQQnIN0mEsENau7PpDYqO0lFzLZIkfx/jisTdg70iPKcyBHZxo3MVi7rgqMYeeYUK+O/9SKLlVFPYpYC0u2M88V1Ye7VxP86PMeo6EV5FnDkPSmCgVQuN8mPOBh7WmY2EKGVkEonl5zZ06R+QSyeqKCdVu22vZbYBx0qkznrDFMreZ7v8l4lcwd7pCMK2vvVoFsMOM94XOdOqsT85B0E8c9eer88jiDujTdBAP0Biz6aHMMA8fK/VjDtGp/uGNKnfT0NJ/tGJ/MnJqttvPzin2YvNtAhdoR6h4qJF7fmGQO3tzlTdxeag3duioQmeEZMEJoTE0kmp3phG7OS4VDkdbcTvcCzyBZf4ZA9cXt+rP/WVmvyzoL40N2XLeCnzA5zgisyem2KYvRZk+Ng7+QP7YkRmhh+7mPHECg+U24i7suA7Z/as9y3rJ+0JP7x9IT9IxfHhotX0KieqjRxbVn8olfZ0mhioRSe4ado6y4xRWssbwFBHVP7tgqlcHD8A/Ti2jxATezRG6orCg1ntke2wx4nldFnVoySPbwPQLSu8yTxms8nwSzgzAdYGAjT78qK0T/8ghfzWEQC4o1e3iZ2FLb0NfIeDqfOwsE7/Na8gdPbQD7g7V0JBqduTW6HdxcGZ7bDqekG6sONMUm+9r3qoMJ0V3a4J3dYePXr7+S34yv80hfbSnlJI9/Ryiyk3bHVj6WxaXCrNm520dKiMm/Hpdu3Amc422HobvfEZP5wca4vlwxN2a0q2NnBZ/aNPxfNd6DKIr92RUkj4IvEl2qcNAbP8FPz/FF18mm9oTJwOjy7sDKu2UI3x3bDn8y3h6YwaFr9xT1rYOIX82xmoXftZ+X+P7DRCacH1LQZL05+OdnUbT8p9v6lzY5iIuXr/aTTX0+3vMUvrTofSf0CkAC/9M2wdnbsSlL2VB5T/Um6mBuYXCTKjVe7zpUUKI2v10bW0B7Lk89HJ53P3MGSc0hntG/yTnA3vO3fyk5iWcMXrJY9J7z85f+t7eEllLGmT4QrZfmrEpmAicDz2a82QbHYfvyR9beRdQ0wGHTn/3/KqxiiVxMxcZpOVzze8kz9bd3oRpPLIu7U2ntZmvDiXiFzdKl37sD5rnN9iTIx1akFgevaPoeBX+lSrhLzvRie5T5v60D6PMNdy2vh8Gs6RSN6hxdgF8yPs6mR4s8I+GMpKRAUI5r/WoxLZ5yv8sRKnVxmXzQ7mf5oeHGlRir7cZewQLQNW3Gruq5RNlapDuitQA4xV93mXSaItpP90XIWVeqDZFFTllhkcPp/e9vUZN3Dh0rbM6tGQGDJL0SvbJl6vkt3P9AdYwC9dbU8ck4alc0abJwwaNJRGVPeg+qi6dI5KcuZqvqeQvzjCLkt4gwrb1TB4FbPcHE0UfVxJlbCzChT34/mf5vEzX8pcuS4r6DEW4hbiEOhHg74p1XftdABzykXxGLaF1SGkjuVTEsO0C8Ork5mBVRraQXCwpTEmhlWVo39UbVXrdH3G+Y+ib5cNhWh2HS1g7SD0D5PK9tlc5QLyiemDpgdegroI+zR1azqUDXKo6qtdASyNt9fpZPYQ9zvq/ukBUnxH5YDfL+bzkBobk/Brt6k7jqHwbIUGmEVHZQAuVnT4mPdjE6adjhSAM8GUw/NmgaGaoMy9laTxBPpJo64z7OmeWo0plcVV570dcTyAAqeRsqGJEOKs2qUrWRrRxbianeNCkQGGjvpElAZZvnYpgS5O0ecCB9XL1sfUAFIyHmzh9dn3wnOhrfnl/q4FPwu5H+BhkkRlBj8Yh8bGH1/ctyAJ2WHK8DtSvpVQiwMyAXytYtIyVQkVnGPa8krz9PzBWT+Jzx/uYSe9+GmH/snMS5G1VJWLg/fJZ2y6uP9Al24MzXYjMj5qIgv7zHyEv6yelkFc6HCdKkEz3PQDNpXlR8EAmsHsWQBkCg+m0OSixBTZcEClfepmx0RYIbeDIVXVgxXx+Gzt+/matbY0eTyfSi+XHCZMwac5LpdLwdYAhSMcCBJLAlJd7US7YEcEROLqFbM2XNXw7CPKoKdrksvZKVQklxJpQOmvUcx247+Rz5+xCqtvoM+UvzV+/AkcBc/K9f/gr4WzNzpOxO45rPy3sRk3Syx2yvY5evYiJCDd7ZX6gtY5nfFQJUxfdE8itvbcvIC2IgY+kZ4/enq8Nxv38Ghu15D8/Xa9oLyv1ZPeGxpMRnsbpLoZOtF0Zz+d7rdhs3dcXcCJ/OveL9828uS3jzN9HHOFBDRizqGFwlPx177e6dS5O0udwSpDMQd7cPr3GLUJAhlqtPtird0P21DR6gI4rMEtxQHYdkNqAALejZmKpndsJ2NJnpVJkUBvdwtXkEmnI6rdZVxiFAHrOSNMCewbsVvuXShGzjGy6qXWFhUNlwUVuqIA1oeQKYhV2cgkVgp6yzo7vNQkeTvNetpaVi3s4/s27jwfIoUeW122AYWwAD1DREzlzGQXOo9bMKGC8pu9p8gzGfB4n2cWgvia9mRS/zKGsXHdGXqfGk8MZluMnJ5L/WKJkPgEqMG4hXmMcIel60mY60zMLUvI2bWWGhSQj36YCLs5a13jQt1r+ddIiS7IS5DJ48XTt7qcEhhy8jcPksuuu0sxAkkxsTS24/qYz3/giaujTQQDt9DzxM4ZWJje+Zke2Yt6oD3TiNdr6AXO11RMGhso0OqmaPekbV4Dwy/jXYYCzPo8IxsQ0nRJsFAV92gjw+VhgdnewTzOv5n6GFjvDp4BUVX9QYtFHxc7lnZ4kVz4xPFbzz9OxH1TZQ3PYfT9pbn8kWudFt5mv8l2LiOER90cJ/MDALRKT1lhu9+7sxM9DR42NFUhgtWHVqQ3lCO9/gUW0j5ZBp+teW+ZDIfu+9rwRcXfCNzuMyZFa2jRqWWohxHfJe6HpEXQETEFWHq7o+Ryjaw59wsUXZ8Yq6OP3TEwwYRK2X+hW4MegqK3jK7hc17DT9lTpiTd8ebgPpFjJujhGYwLQqAySdFMr0WX/WQ9+J7/oXLamxq84Qn7B/UywWq+/0fM62XayrlwiBAOaHTXIQL0uPyhUAqZ+U1vqnD0BgRPJ7HRRXRRAeRZszHw9G5jN7mmQ6HYnSAj7O9ZIK7EI9y05GekhmcaqHaBJOJKuu4WknryBzFKzxNBN+c/mlPbhTAkiP3JQ9JOJgqa2VMeRo3pX483Lfxpe74g+5hJevb60fVedXagsrxylbFFe+KpL4mEttqJ4yFjer88jFzh8S72qrSEq4usc7QU4Dl0kLBblSfco35JJAG9Rdsw6mZenNSzI5H7Wt1faE5f8yWrgmAoPTYWjgLEw951Yq/+wuVCW16R3mtfmaOCqoTDarKFeXODQJ52veGWk6tY+iFjWA9BvmFT44/AFHfzBd8d/Iq7lyaJnLdmzzblHnOutmn0vhy3llYDWMFW2ajqysSbTEcYi0wHk8xjZZlrzoxu2PsxvaW2A/YqNqGko+fFAZ8E4/mM+TKpUIRQRwGcEzj1zSO3wgDy2vuIpgTBtI/hA3Ux+3LI9+g7Vr4WPVJjCGt7Bd4pceBJEigoMfEVJphbsQr2UsIYLKXHrhN9nmF10lUIeSchlC2OJCIO1ctbKZ9tkfgJk3ENX6mWW+lrZ57ee3PEEpvIN/L2IDtNj6m1Ke08u8lchmvw1QCtpAJw9mnnU7dqtRJYUuiyZY7wtNq0wCpDJuYoXwiVHeOXdABV4HrGCAPyX4so17j7YBOakZT7imRDy9Gxv2SScVXp/On+Ti6HzWv6tzYhV8erI3O/94Vme2qPajSoSrAX5MigdEqn9UUYT9t10ZV7hzJDd2TqNLqjKi0N4GXpSNehcUONWIW22HNm/mwQfRVO3VuwGIn+8qzsUY6LmvKhpGXOlRGgtzsDNOlpN7Bv01g59C3+i7n4rrKK++jphj8JOwh0DpjMBYn/C69FKKL4gxTT+KZyHgPBu8YjJjWDKenSzMHtOrdopHgPzJ7ZuJegoBi2KXOmWjGYE2H7OGHdxtQgJ8eRhBBHMkOUG8fyeucQFzAiHtJv2m0pae7WQSEqV7SRgrowIwQ02zZCXOc/SKJdG+vbSTF2eE0YoN+34mBvASiras/frm2fdTY7qGPx3owfrPwp5dkP+/yYn2gNsGCqCV0/8pmVGk2GmX1G34ZLe8LbDdpWzZyo6WMOc1Lf5IWhVs0Vjtew3+fTCLqRLg+Z0REqiWYXnBPjcYgsNQkALcXkas4bIc0oXWYjnIwfJuKIKHzCnCiNcH8xUYhIGmKUpyLQ9PxprwHAoQNYrGmOjytBNKB0BHXXuDzpBDnBS4Xru9T4aGkoWjvyv3Ip1q4uo/WgNfbgBFMc/cUBmIHZd9zUTphpGKUJVedgYJRTkrSFl77kyQPtSB21ZUaY/aKpGZX8VC2qVktuGsXFCTt9AnRY7jgCkhJED5XsKyabJjriDAE4XmB54lXByUDcr6X0JX9JLnEqpfCFS7xMQWDswziiawn8hJgLPEFt6rLAQqXRhB8r7WwWtE+zRgTzty5uut2/WgAtK7jBDKg53Pl0mcD3H3CQCZJDOd8OKS6vKIrn4uXDAqmwNateTzdI9mJ8Pk2SI/AUYQORFp7zd6vqgPULAXfykEsloFqFgg0xcKqsEDAsuUypl/8yH1+QxPt4JY1KGhSMUqkg4biSriB72tpyxIfFysr/kPqE0Chh0p9DjfMYv6qd0L1lTEc5gasZA2GsriGfBmBspxWNsHwawarIJbnHdEHHWbn+52wY7OxxYRj3MgcvH9Kgg+VN5iJsDE8gy4h6nbmL+HSXZtH4BqDr95BZG0Djsh9IBjcIAjia954BTZmz5ARa5aOOvPeuKwzjxKUeSCWdnfCIC/qKk70Vtcb5TjQdo7Tihgaw4k3Pq+NoSfGymUj9wn1uDv05OM//pyM4r/Wp78qwSoBJZUEBIO8HREziJ2+Yvg9ih3qDUBj/cXRsdW4C+IIIjg0PYGHbu7AE9fn4x85H3y4rjPiiZvlY6x4t6Ziq4jSFm+9U8noW93xbKV7TlTAOT+t3JTf3alrvlhHQKHSwJR8/yP05oFWsPbwwskpjzLvsxKVclHOcB3e+1A902Hg89Oqx4vP5vuVNLpszmbVkrPgT8tNHAZii+7wNdZcHNAMhrha9sUZHRAYLa1ay1rr4SkZiC6L3X0IrBIhbpIec7IwSih5LmwUbTzVgr2CQr6vRHBSuBFus7ZBzjE7b8s809iJhWSYFkm7smxsiU5ACOVQcUD5cX1zZSUlklCRDtrFQe10vbspFE8Dp9565WR1F4vsdMiyt1hSN5aO0uCgx3DtmLapvIhjQO6TDpU3c6TqNV2r38NEDCUwKT9TrushlSGuzQ6OhTodlaWMw8urtZs3Vm5Hwjf7WUw2qGMfrxmdYEqVLyxT+WMe3DKTpG1I3IIw7U5H7osOI0HvzH+BCmUGZc2iJUWrkjEKjI1kleRKSSUHedThKWp9qNmYt7e1E1cntPW5x7KrzOZWyLqumBGhcg1FO/QTnlouhfv59Mr/Tt8IOvymKPZ+UewUHH5W7v+qTF/XIq8xK5WrL9+jVVa3Z0a+B9KthAkg0INsxb3JO6121/hVTIMb/FqPSTxYtOXnU7iM4JAWidXG1ESPim9tegWmssEMwj7R+3dmSsSfnHtxEAb1Eah6bmUBwHMZQJR9OcmRV+XGqSyPbXzJt2D8p4dK4sXwvlj/w4L3BaM/dqSHscQPazyID3Qk5APr8U4FvaVWlmpEmggoXdr+0zb2gOoKTdyBeqV6fO6rRyodZ1YPx1Q+nSwXRlvzX/8+JVkj4C5UvPJdbTWOaRJljKJ4/P2aOowo1WQIou2hFg2md2YfPlxevxOqtvt9HL2vJLjqgPIoatC6sXyN/uR3ohlWJx6XnsBT1dBRnZKO5aEiAzH+YLo+Xt9cXtkaNx3d4JzyKYcqnbyxoGJoomoqqgH3jlYm58b4kLQ6oMvau+Cs/uH3UL2WVokwMIF+iuUl9cGPIsTAbEpSx1Xtcit+GHoejn5fMh2I6GaV6CU3mj9oWe1RqFZUdWRXOLJthXCbykdibUMk9ojM/yJghctZC49OQWzj6k62y9UsQ2ilf0xaK3T2OnNfS2+gis6xWtmFVfUaLHpKPVFAr1KSKVk4JVUnUqmNcsqahgmUd0SX7CNQJao1PE7DrJeUxgpfExmtmKqrqP6Dluoo+TMXlZKKM3kjuNl3ppd1geBn+kHiBHsUJv1XJrxkB8tbAXnkIXIRB++o50ePMfgTTDEzdgW9px/ynNOVfbTRXWhRax+o3mBjZeJ99D7YJt37dJvNbLfUKySmf6qRUS/LZs/KzEpGxSyjU8d+VswVHF9OYuRy7EdHQxJY6nWy+zSyMyky42uOd931M04PneYf3TNiMcaH9z453XGaadX3NiNnD2LXNI6c2IC+YrUI6bxmxouTqPEX/GEw8OfcKQwIAmn6OWAN6Hp6TL11xCRgPiSk11xs3nsM9Zj3qGIzzwPPFzRIvUl1YNFu0iD4s5waRTXExVlZNm3c3wGJzM2NApFA8F7u4DseF2dp5TQDO4rtHms7YxubXLkbx5S2CSn2YdPiNPv8dHvxtCCsUKfkTRgt4WZibYOWREmjFMfa/qvNrs/5HUj4Q/osAfYYTpCVMnDHsAII6BKGnq5gHIvs6XqGhJbowxiiD3Urriq6rU/nECA+x+Z06cnAR7WZ0Wvey+hp/HmoYWqGKqDOTKHnqd2fX3CN3AbsO9yQndkA5uyu8IzoHtTIw7NsEs2Ztaw9rFrmFbGt7ugUcYw1RowpYNBVGx8Wxtaypzs+v+OmT6xaljakaRoGGRvtNzIGebVBAr8Dqbm5GpO8+CW0LO2rV3KVBYnZ8UZfTuKq5NUm0zDwYWsPdS1NYW21d1d5D6gFCsAFPeW+6Ozck6cAf2uF085rsdsC9Kdjdjk+r9g5Et3CbrkSfTTb5yDDfAhOyMfgkBXPiIA0KjAHlBUxaZI0V0qKjTlwICbGonSGNElMpwILQE1HjEBUbuMu9/jLWHVJgMe/q3HezHBYRiLGxPb3tyTRcuPLin+04UfqHA/ZEzQJeQT0EKcunJCRDyNgpEKF4+s5B1FCfoKWIDjkWH813DP3fS0RbxETc2B7b7C5S4HzM+ovzW73Ra+0L44Z75rZxrXR9mqDNH2aoDx7Gza4h43D6889kNV/IjJlcgZDLofE+TaZnJqUBeRAkZDxX3MllKuRyZnET/WyZ40WV7saH3LpCQlvbPL6tIHaQY1rllCEwYiFUkFQ+V2uCzK5LUMme/PG/Ri2MjnljeWi76Kf6K8+lW/bki3lYzACqbcoEOqcnS5890PhbhoOe78Y52IjVKhQjEsLhUoVxqzqbv530VKflT9l0jELEQsYXslPK6X4hGVQlqA1UtwXP5XwGo+lZ/70ReV/0vvFBLxJi9CqTEwVSuDa4kSMG09vwascoxhhujKC4kIeoREfEUNQVRPm4uNtbe1tzjWr3AeCCgK60wv2jgZkuDmqsmbLWoC01Cr6m6U1mcUXPIqCcmtC0/PmDZZjwrKelDWChVLbcBEZOBNu42/6qm9p358Ovtb6yCg8ITKykbc68cTWP/1Ln0f/sURFN4uM0rOPRfDyVz2K/jMmg06Pzfgj/qF/GI0gTjejLQl7GP880/9Vggm3enc8ISrSb0m/3E/hJ/ETF9WTU8gphf4+OTaYlSE4NT+GHx0O2Ryxslt+fskDc7/u4UaCvZzww7Y1Q/lLtYO1NlaiWmt5Zuma+K2uUS3gYb0yX5np7NPjl+kiiKv6u2YzeTNldn+AvhqcvhoNw9VAJrJJ6Ff7hoXcdsGIqB3ls/jX0hBF0mWRt2gZ6cItE5EUEw0yQAF7eM/E16noJD/bNn/pgu4rlqZUHXh8ShtnjIt6O8dr7baQucd//HDnxgXPXdavbMAzEAkGQcET69bCKPAjzXBmSH5kI+mWVZILvJEkI2d+/m5Df+NS/zpAnrVlTL4gz3BmyS+0d8c4LA+PlXp7+Gd4ZvXZW3B2H7ccPWpL86aZj5QJ17eXEHBKqbyGnmRLSQA8k/qfMdZYzDX0quk/D1Emv3G4uzX9aNnKM1S03WQ6RZV2NB17zQob9Zs1F4dW18YeeKt7yxhH/7qPDmKGPr28jJqiT79iToC9/9hjx9wm3CfcxjY58Drq/oTegUNXWaxa+1qWwEwmlnWixqNdw1byaTc6f+3ceJ4GawU1kBgUMnrt12PngOctEiXKWXkQR9b4aci4RpXr+IO/Il05JKW/kmQptmLsHQx31bGsryZ4ivyU/goklIzhoknCxfXlbqpGrlWSnw8Fd1DpFUnNJyrDFWqvsshIPBIURjjNg2mr6lNhh9fHIG1wGdzbSSl7Hl0AZIimrEILvZJgeRmqQfigZXINjqoGcBSDyyqcRl6iQ6SanEWpRjvsvjEJnl0IyvEtw2ITfs/xUoZkbbVz/8ySojK59f9xL5neFhaJ4kQmjpknCi3MEBX4JGijZ95bIUYVKeYZYmfy8gR8QoWTOfQGIuDNdEqN5+F58Vn2CJvXJCQ1VrARSaxD/wwJT+yKCtLXNcZ9NWUGOirKAB5HAGXEUrgI75RgBROZlsLF8NcRi6jl32MiMl8gajEqkvgsPMMIXljCGcWMcppnsfy9BUvMFNuJ+WZVZYtCiMWikLQjtFpD4OcmyYnmdnI8X6Xky87n4yjmLAKewNRXWJqY/cj/9Be4SLhLqiBOEHHEzYcILCHVlhnxOPzrMlyM7adFsADnkCvgkhp98WgSC82txGp7lFOJAVKStJPnhAJVuR3KwDPiJ3DYDr/AbDAbzP6GaYfBCag3yXwsA1Wb0JaCrSHLVd45/+aoy4JyfbKwmPjfEjwl0mywhef+ioWiTMgMCRSiWAYPnmS5X4abKVjFYKalFEQuRDIwpJ8GxWR7vuJsblKu36JIxGdi4CLrhQWYlF+MZ2R0ZIZ6QBoTRSd7r2YiRh7PmOAF5B/Vt4hkVSygcnRyyvo/fBruHh9sKfDh+4h8xEnBBOAN8dHQktis3bNBlvkEzFXHr+GT+C158n8JdgoiP0UrkN26jMrn+2doItLP5UlaZUw7N0s5YxfDQkDEE/kdFVb2xAfa+b94l/EniBWEUQKOcJGIoiBT5T9jvQhCLAP+SVkzCx9rNgsNpH6kLJBx5EVKBaV1OH/9/E32lHmZhmtGyi8gQYDHGfwAmMIYDJip9xCCsax8EqmNSs6vIYEKG3ZZpH+FEKpJUihsckFheGc8mA/+8AbKYyAMEO+DsBNmUwREKcBksxF7dTzvB2x/eIAOvN7SzzEw7KR4nw/dRAHObnrGb2IzvAXZujRTK676tzxCJ9b4lpX5bgjl8WLLgvPs1Vg0/jeZlX1oDtxsazmN8CDIXieCGMQOnASWJxYKcyARxCAp89equBByVSuV6P8AQJ3sJGvrVta+08GWzrTNm/acmLvGaORBqN7HgABBIGxJ0LCeh5ed4DessKN+clxZp9Q8eqmwKyp7JJUrsFh7dzFL/lOLtFfo0RpPyUIs3xAQfy6jBPhmmJ3zl+jshSX/87wTwFh0oreFEqQey1wB1BkWX9tfzRaAb0JUJxCbsnw8Pr+M//0elVRvsUF/Y8/3/Jtv6Dc4CoLpJ3ayvfeMf96S8CmTHpHRSF4ejM5V+XnRIAqqPNhbhPJDLV49ZLP/rpnJL1WzKRrLiH6lB09Nj5+Op8fxPBXuVrJa+5C9bNxftZO1y7Osza0i3BWednHFMzSlGzkutnizk3L9456svX3uowAy4GYI88EFPZMZprjzfv4DIGyBd3+ZLxB+QgsWByCEzTABhsmnE/6/oF9lhLd8BnLweyWCQ66vrpYdEDdfX3XuvvXLG5+LP3/fNOT5j+mBXt8BhIYAswio08EIs4LFj4AUuthGNEcZHiSbkQeHzV5WU2gCGzGd8nSsrnVKbN178GDvsJiMmTsOjM7xbQT00RYsmoJOOfqM0kXg/5c0MU2p23y6FIlb645bSizbwPF+sWXfkjJ6r1UvaLcUWx5f7Fi635PUo/t//HH/YBQAqXrxHN9aQE+lia1Fu0AbVWAtprWx6pGmL79sMoxABG2qZ5EiGm4h9mg+FsvZgur4l0JYIL0ybEazwavwEdFIzaxoVuLe6oqUH9EeIYNlcQfD/S92rkk9r3H3ToSlJTBxqSy7n9dXOydvj/vVqt130zSqIxASYUkJkmS92cFDoQnUKHpXm8W6U20SE6cQQ7jQLpGhCenMXM4XaJKaGoHv8OjXgwPz0Ni9vnk12ebL/AL+2qrqdfy8PBU9XuGbAEMDSAm5d+HxAbB4pKVZj2FZ783PEzRUVTUICgqKTLVxkhS6XzQxdQ7DnfeY8ZzxmP9bYJGWbr5onu4vWjS7eqvh7C/TIWH/Plxisw4Y6Cy6wlY+x5qT2ypo/MSs0hSLAobcVkwX0CR2RvjniLlWWgStdS7lHWMvpSvoEQz53NI5OSNCPYX/x4UkRhhdw/jIUNLDGApaBpv2elLwzX67OMBrpjLM344fWlyId3TEsbNvPJ11PcRAsbW0p7w5dU0E56fXoAVvzMhyPznZ7E0B+lGYb3AF0hBGyARu3xYIh4mPzIJJM6aPCEu1FqQ3u8B8AXkmGC6sGn6NAK3JIs0Q77qnyzK2efcXrIDTn1VRAtl/xU7VQa1JBKz3dpWcHalmZTIfLYZbS8JCOeUVxRKrxOCBtuAKKbL2zrFdSIJcZK3igQBGDYdsJJ8kz/dz+mdSwVmhXvxs9bOJ90K53MRELhfyFHIUbVI80aWpmqDaoIKg/O+/F8oVCCqXe9s1vwhRKESXp2oDA4EFbqfn++c5wA6/XMR0/rjLEB6SFUjmVkkn2avzHOPv5oAaHpG5KuenLtZT/BHB578NkxTqhGFqjEq56HHUgiVhSuwk/O2J457jQzsNE1TKxPh3YxTq2O8nd7DELAlfrCfoa+6bNExdnMaUzJDYjQ/4ptkxO8W7y8HfHgfzCD7U78MlXcmibnm41YUw55srVl5fc/Zs1ri4+EbxOfS/ERrTikmL44JApL8TV65lapg6nDPnSopJj81Assl5pGB2hnWjRZ3isHCxMerIjSUTiLe/cC4FoDy8zgEoCq5i3E6pLau4nzFzV0QZAYee/5NC7jhQ9SIobp8dNzy4kF3JxSwmvH8rWEmD6QfWv8irciu17w7WQ1DRCwSSXno1xGBJ/CJYGvMFfADpykwietf0v66I/ab9QCoFJlAaAufngBX2Fd3sBRYHlm4vlVCWVHufH+snvZFvwRuzmqQTuJx/pQuRi75+psC+gkqnQAqwoN9v0OXMxozwxtmNcsLCukyDq8Vww5qpUHLdN79Ent606ftIzUjZTJ2SNLVm+ZUA14NcacaCnNS67+fAUz40p3wfmX3ltYNNIxXs0A1ax1T/vQYnw179SZ8E+8rv168frmSHVvn2O8LNBvzj1Y1AL8S34nlhaZah3OV/MIXT6dQtKX3pjK4gdE98D6W2CNySbChtQkACHup9DvPuHWbwuQNBq/qt6OXYCAAXa/vgL/KG41YVPqxozW+ovsxu7dkKUTalw6dTUpHJoFebyWlRtINHfYKHuCoa8LvaHRplFc7NcgIuHZ0mfawAkx6ehDXICkBaef2tXHdBP7yDrVBsj4km+luFakytxB3RMc+vIMw3tdyRZPKEZ+/1xMSgCdBOA9Ybhr3tG9ZbigXonheQD2zaPJb095Ks9m4pzt7pTMAvmBGJ1zivqiKjhF5z2rgvcBerCiY/uObgCLGlBfFwLiuk5Tmjv4fMjEWcZC7UhMQn3x7OzdKPp95HSvh5LgVANCys2qYhTZKYYef99Haabaw6rhI2RZsWVv6+f/DZYMjTaLgrkbe0GzRgSy1iAjFf549+ddcAKLcowHDXduQP5h+XTp3JUuBu4uRZZy59/ScwfYTrxj0yzby29Nqu9LGamlE3RsCOqBb4s356zZ7E9mInpa/Vk5xezqTj6N3auxsm90wxqQiVRdtDYwk/Jq1nli6wEtBnafEyJyNNRO9rjzWf1kfn76InNpV/OYnaR+ODU+Zm5Bk2DXDbisp6YqEptM1VoGnadHooNfbOJs3+QHHYyz5TqiifOcpM7brWNUd+zX3NDf6yXjhLXOOwcBiZlAxCGfkJyXS12SOiiviI8Aps8V2Wpy8lyqqk+QrZyJ3vv9Jv5BizQ1maYyQj4O79xSJvvffZe+bUtWut1qzhTj9hy+rbVQG13M0OqHC6BL6KFcYJve55f+sNAjqDv8Z5nkhvYwbTOZWJxBjrd96U0Odqm2RCp8Bhteaxa+A2Gf57XQw+kiOUmOD3CQgC3D6WRHjgvhXNLC+CqLR4FkoJfZbBz8braNP+EWPykKzIWeaCdlbYQzUsR0LNrrau+Mr5q42FEPjHr6cx5XL4BE4bM88bcxaVKSR2ekYNa5aRzKAtVMNZRgGD5r6J1nHD+kZHyP6b1je7vOdaF1pYjGReC6PGJI/+vJVRqkgxYVWb5jEAyK1EenchFUi5eiqR78ZypIJ8k4M0N0IdzMZQDpINKMI6CILEXy51IJfsUDUL3fLNxa3opW3o5YsPcRaqHreLOLEOOX4UWctC9ppthpdq4TBHgpjXHj/agAD0kIOM6GDQ3dbpc+mED8E5KzRlmhzx7WKDLEhGcTKYrwJeO2zeyLy0p1GjsCuhWwUzMqCqq2AFVsHAbYlBL4WLaCy6KOxK3Jmw860qoDqQTAQsD4iOimwvLCJu33LAoDLYUdvPU5mWDMP5lPMGhiWTel7Qs62VyOrQiRs7NvboWYS2/d3W42bR8ZTxKWAJaePtVKaF3GskFCYnw9CRgiUSCs4PL2qLw+f1GsIIQaMfKcs7VlLp5nTqCDBJUN45UYzaVW1HtUZrfdJzlzwPIEtJkUE5lAtkSjc5FG1Oa9N7E1tBwPBbrrXUd+3jlibaTu6VK9ydtHUtj9cG4KeIzwm75YdZrD2WF17/ecaS2kzdBt4eCG5r+SFtXhF+Oi4fMAbhTTjIuPkUBciP+br2z5VywhqpwDNwFUEOhNkX8b2MXnofo6/pF0Iv4zj193ZkcX9V2tvj9NP7sOIVW7fWVavqurvziInfKYqL+/pciYPMQX38gjAiPJQUFER2Ph5MvnqVnEUYJdIJQ6whwodV23wlcwi/Vf0Y74aukEW9jTDGHCJsjccTB1mDRAL4ZwJAeOISlCIMkwOiS5iPH9DL6KWPHy9hLmM+fMQkV5cPHzKPk1kteZVCovCXM8xOQ9gmHz+SzzO+s0StqN5e5z2ub00gXg832djkjHN554DDlovs8AdQ0k+k7yiNuRoxNBUnDCTGe1v+BCHowMnxmvXNj+xLQ64m+BT65/AISgXKlXpX413YMnFO53u1Q2ESX49jNder6xIH8rEmXO8noSLiEQXigDiSdIxKsYOjCVMjlzA7kFzXXWdQg6CLX554LiFVbpeg4AjU9o6IyTkRo1obYo46nXTY8/QaEscXVOzNoh50RGWNjXIuU2l7bjzr9i/ekpODz23KCdV3kKoT1VfiXxFAKsLQdYBmBLGTBciuJ+C/V3Palm4aiKXaygaQhB/iVZCP4YTXXmrnfY+gPNt/6bgmDcZM5YOVJ+pYKM5Ua4pzBGwPx5xgGxscO4acVKPaX9iIMSdHtwW5xQt16MEa+YqdZZ11XU2G3BuHH1UqL+1VNkJTx5W7U+wKn/1gwhGRpxuYFhiMWX54al353+qgp5iixizC07fMPPlN4sLcQZ0QOiJ65eGEvIgaVXtl4XAaG9OBdIRzftA7HPruyFF52+YEpNbN8qAIw8zdgR15u2z42I/TRQG7YdgeyECV3qzdMQCgwqzeFRwcir19e4svjob3coQyxIRbUFmDOJnUiaJtfaZ2gKhrNb01wyG3mfnMo8w8cBvkpZP5yxJrOLol5ChCDzHywfc+/y9lTP8dwfQTyedJ8573iyx7pc2EIeK3PdKeqS2Gb5b2kkQdL0BQf0AXrctn7r7zQWeRuC5AlEeBATBCRJ8nd5zv8IOHB6wCHSxifGm+B2g2ddLH9z6d4HuQQv2F9oum2FfI/f5LIK4f78sAax8cEdIxR1AgPCJdQI840D1fb+eBRCcmxLs1VZWtYT2VlX3K3sqqnrDWqqo25Z3WvPy8IAuTx0ekdIcj9kB6RAjQIxi6hzsJbN9JLmE+fUJn7tKnjxdXGRu9fPomjmKGnj0/gQ6hL56jPfQcBRhQfLWW1laAzvz0k3d1zbTu1bM9CtzJZ52xwhueKR1/mwV4/ffgq9hmw6fp6Ut/kZbu4vMVChCfT6FTfLrdDA5LOVmivfzPKoBDD10Kp+CsoHMCrKytwA/Udd3Tn9Tf66oDTCirvqIp80U8R4Gy8SHmJu9YJxn71rDW7GO8TFz3puYtftEcrP7GkEI/QUs1/GtIpZ2gpxhWhwx7WzAjXsb5xb2MAMSTajhYaiWVBvg5VafjE8T0C5BKrUpdLz7A2PKwD7D3DYarXGvX4BmqefyYJwn/b4VlwMbF2KCkwFTagzRe7IBDGijAPrDlATuZLMuIc8bvjT+WiCjGPrsbja9d58YUPN96zkOCE/ceVsaZznIiPOSs8uUpxl67vTYaOYDzeUyBJBxL2It3xr7KkqmnOc74L3UD2W+TRl9bnMV5H+6EkuGwyvEh3glwZjgy7l2z56FjvSNDMfG6B9ZnFy2MY0lI4jHdl3hn7uz2PsdGU2dsrVomzcc5o42OGrPu+YsiLMDxjWKyeGymqCkp21nojE3GyEgd0MnUJVtbnjo7xmc/I8YBrHhsvttM49CEOpP6ZbgarDO70aH1xTEBWTzfIQVj86lNmhxzthO2GivDFuCcpGbZSU2pxjEBSWC8UkqbnOl27pAsg6tXw1lctnrVMiSHVq1CEsqq1cs2RcHcXBgFEIpalQDY4TC1UZ271C+FjJXdqO7mdiO33HfrluZuVE8lI1VVMBkqMzJV8PYew7mtrQZFtECVmfkPuG1dma1gXKLnnZWbSW/rbat9T8XfqM552+Yj4qdsW3JzF07Qk24rLZw63xB6o+Z44A/7CgtJk+xpUmHBMeAkuaCQuJy7xAZUQqaeItjUDnWKsPFjGNR8UZoEE0RCTRhStHN/OQoABylKabSpnfKdqrWR2dSkimpsnFOwd7MI6hlsB26GQ+DM4ECqdKQRHrfwZKHrBo81ICN65KESWcfy/NJCqCtCNrcjBayUfaQkMBIOjpPqWEjBlvYiRKfMQza2IDlIrtt5MJFqyEVyCLvfYUxRQRwExDyMgbGoLeCh+o61I99R4WsM1kl3Oe6r3BWPK5uOSO+V/XbPSYeF76nfHQrFmtsq+u73p/1UmQN+3Zd2s52nIMKTxPVB2Z2dgdk7SOBkeJe1pieXmCSfKAwOpmuolzREc2lyGzkN/F5YbRplEjkh19gkbuPTZJGYz4p5CIKmlsCiwkNah73CzAAQp61SsiDgzUls341nr/MOA5ig6D/gXJhAtQAyyZU74AqGxFpA2+dlsqQcKJCytq4CxOTbu2CZMqAczfdYexWuo1EBQ2wtYKAUCtI6cLYBWYfESrSVQkZpgqtWYoBKhevWXTVGRsKcYhAH1DkrIqHnkr0CqmFcdnEkBMvsI8iz7FkyjpAORlwcKIr4D+H+XhwMpxlZjGl4lRgduX2VWPg57PPmLVmGRRwcBgLTKHTGLPJZSP86a4Qu/AxWSi03j0YNSm+MHgu4t8XhQ/kvUusw/wwytkDK87n+BBsSYPvlkH+DI5dVV4OUWsoqFNamSyjxP1LstmJIZAKuiBLaqcBfGRhtyB/4ZWXJyasvZLyKhyslnuH+gSbT+rkfOay5OO6H5e5Dk6cL+qI3NewtWcFn+tmX0KjahO3SNgzN/7H76Uv56spOE66X2bIzPDT3r9zywFJLklvEYb74WcKTi/aFRDdBwU8RnZsvvFl1JgKNzSxsQrDZbRahVG9u6xKsG2Xgz+ztqqLw86+Ghbskzf6V6MgXDze6ss0pVFRwR4bTO8QLm7QnLnu5rhjNqX8bfdShUbeK6tRQf0r3/Ts4kmJNT6nCh+Ud/VeImdqN9vlaaNNgbT2SDtNq69ITor4OSYNpdatOBiiRwcQkW9skzRMohcGh2yZqQC9u/In5E8OkQfiPr30dFvbaxXj71jx7+WUd5dls482bRpd7i9t9Ry9owS1SAnlD1/4qGA2abp5exVwbeYr2XmWraQBqpHxndwWS3K5upBSoNetUvFKH9XfB9utrjGqmA93WgRQL1cUr4iHav1gKnC+KFUa/8vY4xSb1hqJWtURvMqlY1mJF/vqQwxmWzZGgnl7LHOuhnuuF1hT3gNAonnXh9aRaVYTe5GLSkfZxGx8d2Gcg72igYmPSDqL3hOJ6ig1jidg9aLB6iVS6I/+TKiA09JDqcx74KKRH0MMXIxZ/ihvRmtsvoGY1Gq50EeUe3S1krHBL1gIXAGy4pnZHK82gWZXTAHxuBdRhYZyHBrCunwtrfUwwwHa2UYeHYyEuPExt48zmHa0yx4aF6R4pwBzIg5doItiQGrLbZl9NzT6b3SGpG0AiUtnbWzmTAquqkJQEwcSVjFRXwRRXm6jBKBvTESgFK6u+zHHNdb7rEhM1PT9gd1ieufVO9t7902Xl//0zDRYbAOYBj/fAMAa7MA+UyKHpb6d6zfkWrY8fXxQKLz6ebbM4eM5sj2+xYfFTC1p+s99zQbV7QFSfVEfNSUtI9/shDbvSoaRa5NJPIjXLB3/lT9zStCW393rq5EDQxNRWp1R4X4u1BjsNmEbq6v1cxtrVC7KrTX6wwZ5gSH32FVBt9sEqlu6nvrbdNkh0Wvq2crXKA9KUwVbu1evGBKY54eeUQb+lqef6cKt/MnSRhTur/TwkO3qf2kn4yqDkmv4TPqeKRZBH9Z3lvRGKaYkNwO8Lkb7lLeFdWD+UENCe/6q73Dn9/GbtSAuh2mdk427ujxY/S5q6Z1HSvDVGaqqD7nsJfcLbxhu9Vzv/t/hLtTV/X79NjgtN/W8/3IYbJtjKnuUJjUBLSFKXnSajS6hcaslbvWk98ptelu75zW7ektnI7kXtkNx1hqBUz7grilWyQUxq1DWq4H/W999UfVB5HG/6mq2qhy7y/jdeQznzPvPyQ9DXkf/b15r3/6X1DfmhVfLa+mVoiv80JONfdIk8F6F9PuADyV7L8/87OcpPZzuQL+7Lspz39qn+hbsswgLRlOAjy9PyPLyIludz+DdfAx19krPdBTlqvlTTsRaOGvo4aRqMzNGuaWWy65pmuqVRFt5b6WQTQiYCRto9cdDedUdt3agUxIeVLX50TVe/dh1CZwX0sUfP/w93bnDxMtD8s0eIqJP6nJBybGp5nL9v+wcb6cDb7bNL/Y8+kOOkzIrjxu/I6Fk0CYemitEkxrs++TYZBrvOJYN3LaqYWWwYPua5WX2FTLn+yvwzD4EIaYna+eXlRHGYef1o7vnt/0AN0QE+4oC7l/8PeQG990QpUyAkvnNGOiCUYHDQqERbGsnT7p7TS3yzJerOVScxBDdqISXKWAJv8FFun8ig8ix9uy/nvPAd9BRgfAPIQGhZa2DhwH8N9LMSBBSISBBhOEFSNMNyvCBKsqJqumFatuN6fhBGcZJmeVFWddN2/TBOMxaMzdXvOHDiwv3LcyV8+I33WCXNluMTwQVoVJZp8Xp6duIscrOun4fSxE2wTloav66avanSD98N63oc2aHV6DeYHdwNVlpfF704/S3thUe7/S09wQ5CJBUQvLLp113tAgZQFlEWXv3yxRE5kgHeCS13x5XzavUIOsJEwDu7E2mhjjBx/piHYC/Kwkk4ff2VO+BgsUZ6nMj+UMI2b8oyOm5a2l5NTZSZQabSVX7MruZiW/1aY+jfKDWBS+8dgbnwcQO8l1QEtdFDJnhAjrUn3WD22nzpkgCjQNf3mWWWqMFRW3pqwRl7UxT3uiippIP9J+Ilw8GtpOejCpPrZMnS+BmxaJJvjCltGOGb5XKOPZWWF9JAOwW9HY2t7DTEnlC92ENNHlXsgToaXhQKjjANC1+McmgiFuViaeTJjrilrBjY04COutQK3TmowFtrwZaCABs5yqYGv4Wb2TIZ0UIC+rRG4zxudtjLEUnKLEuBO6CUE47LUhqkrndkWP3ZNABuOvzshvMd8YoaV73SCj/985ZcpeWnNIQGgqW9zC8C6Wu31DgZATPJRAFp4Gp8RLbgph20FPnLXyxPnX0KGGPjpz33xhbg66D1qCeWMB0ghKPzenwOKVuZ7iVXAJ4Ie1XAciznLW6oEC6TW7JHOdLmsk+nBcaalR5GYpWrDRyd3HoTqbo689m5Ag==') format('woff2'),
+  url('iconfont.woff?t=1607672860281') format('woff'),
+  url('iconfont.ttf?t=1607672860281') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1607672860281#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon1:before {
+  content: "\e63b";
+}
+
+.iconxiazai:before {
+  content: "\e639";
+}
+
+.icon11-04:before {
+  content: "\e784";
+}
+
+.iconyouxiang:before {
+  content: "\e769";
+}
+
+.iconbangdingshouji:before {
+  content: "\e64d";
+}
+
+.iconshouji:before {
+  content: "\e854";
+}
+
+.icon52-shouji:before {
+  content: "\e871";
+}
+
+.iconhome:before {
+  content: "\e610";
+}
+
+.iconhome2:before {
+  content: "\e61a";
+}
+
+.iconKafka:before {
+  content: "\e65a";
+}
+
+.iconshujujieruKafkajiqun:before {
+  content: "\e64f";
+}
+
+.iconkafka:before {
+  content: "\e6f2";
+}
+
+.iconelasticsearch-Elasticsearch:before {
+  content: "\e853";
+}
+
+.iconapachekafka:before {
+  content: "\eb3f";
+}
+
+.iconelasticsearch:before {
+  content: "\eb85";
+}
+
+.iconwentifankui:before {
+  content: "\e8d1";
+}
+
+.iconwentifankui1:before {
+  content: "\e70e";
+}
+
+.iconwentifankui2:before {
+  content: "\e643";
+}
+
+.iconalikafkaxiaoxiduilieKafka:before {
+  content: "\e8a4";
+}
+
+.iconxiangmuchaxun-chakanshebei:before {
+  content: "\e682";
+}
+
+.iconelasticsearchElasticsearch:before {
+  content: "\e6a1";
+}
+
+.icon511tongji_shutu:before {
+  content: "\e64a";
+}
+
+.iconfenxiang1:before {
+  content: "\e615";
+}
+
+.iconfenxiang2:before {
+  content: "\e60f";
+}
+
+.iconfenxiang_2:before {
+  content: "\e600";
+}
+
+.iconNMStubiao-:before {
+  content: "\e628";
+}
+
+.iconwanchenganquanshijian:before {
+  content: "\e68a";
+}
+
+.iconeventbridgexiaoxishijianzongxian:before {
+  content: "\e74d";
+}
+
+.iconshu:before {
+  content: "\e629";
+}
+
+.iconshebeiguanji:before {
+  content: "\e61d";
+}
+
+.iconhaofangtuo400iconfontduanxin:before {
+  content: "\e6d8";
+}
+
+.iconnavicon-ywcs:before {
+  content: "\e661";
+}
+
+.iconliebiao:before {
+  content: "\e660";
+}
+
+.iconbianji:before {
+  content: "\e60c";
+}
+
+.iconyoujian:before {
+  content: "\e63a";
+}
+
+.iconshejiaodingding:before {
+  content: "\e678";
+}
+
+.iconzidianguanli:before {
+  content: "\e624";
+}
+
+.icontubiao:before {
+  content: "\e73f";
+}
+
+.icondingding:before {
+  content: "\e690";
+}
+
+.iconduanxin:before {
+  content: "\e603";
+}
+
+.icondirectmailyoujiantuisong:before {
+  content: "\e714";
+}
+
+.iconshebeisheshi:before {
+  content: "\e61c";
+}
+
+.icontongzhi:before {
+  content: "\e606";
+}
+
+.iconrizhi:before {
+  content: "\e663";
+}
+
+.iconchufaqipeizhi-hui:before {
+  content: "\e689";
+}
+
+.iconvcsshijuejisuanfuwu:before {
+  content: "\e759";
+}
+
+.iconbar_icon_shebei:before {
+  content: "\e60a";
+}
+
+.iconuser-before:before {
+  content: "\e617";
+}
+
+.iconkemuweihutubiao:before {
+  content: "\e60b";
+}
+
+.iconaccounting-subjects:before {
+  content: "\e677";
+}
+
+.iconRectangleCopy:before {
+  content: "\e6dd";
+}
+
+.iconchengbenshujuguanli:before {
+  content: "\e6c7";
+}
+
+.iconjibenshuju:before {
+  content: "\e71d";
+}
+
+.iconB-shengshiqu:before {
+  content: "\e72d";
+}
+
+.iconzuzhijigou:before {
+  content: "\e66e";
+}
+
+.iconanniu:before {
+  content: "\e8c5";
+}
+
+.iconcaidan2:before {
+  content: "\e61b";
+}
+
+.iconwenhao:before {
+  content: "\e67f";
+}
+
+.iconlajitong:before {
+  content: "\e636";
+}
+
+.iconzhongzhimima:before {
+  content: "\e620";
+}
+
+.iconshezhi:before {
+  content: "\e68f";
+}
+
+.iconzhongzhuan:before {
+  content: "\e69b";
+}
+
+.iconadd:before {
+  content: "\e6b9";
+}
+
+.iconminus:before {
+  content: "\e6ba";
+}
+
+.iconpassword:before {
+  content: "\e622";
+}
+
+.iconyonghu:before {
+  content: "\e604";
+}
+
+.iconquanxian:before {
+  content: "\e633";
+}
+
+.iconjiaose1:before {
+  content: "\e64c";
+}
+
+.iconzidian:before {
+  content: "\e716";
+}
+
+.iconcssz:before {
+  content: "\e672";
+}
+
+.iconbianji1:before {
+  content: "\e642";
+}
+
+.icondfzq-:before {
+  content: "\e609";
+}
+
+.iconfenxiang:before {
+  content: "\e641";
+}
+
+.iconshouquan1:before {
+  content: "\e634";
+}
+
+.iconjiantou:before {
+  content: "\e653";
+}
+
+.iconjiantou-copy-copy:before {
+  content: "\e654";
+}
+
diff --git a/report-ui/src/assets/iconfont/iconfont.eot b/report-ui/src/assets/iconfont/iconfont.eot
new file mode 100644
index 00000000..b062714b
Binary files /dev/null and b/report-ui/src/assets/iconfont/iconfont.eot differ
diff --git a/report-ui/src/assets/iconfont/iconfont.js b/report-ui/src/assets/iconfont/iconfont.js
new file mode 100644
index 00000000..4bb7a672
--- /dev/null
+++ b/report-ui/src/assets/iconfont/iconfont.js
@@ -0,0 +1 @@
+!function(c){var l,h,a,i,z,o,m='<svg><symbol id="icon1" viewBox="0 0 1024 1024"><path d="M609.373473 212.184643H191.617679L331.552218 79.856302a44.857065 44.857065 0 0 0 0-66.066655 51.341836 51.341836 0 0 0-69.918512 0L42.321665 221.058541a45.198369 45.198369 0 0 0-14.139726 36.470744 44.857065 44.857065 0 0 0 14.139726 36.470744l219.11701 207.220136c9.65402 9.166444 22.331017 13.749666 34.959256 13.749665 12.676997 0 25.256478-4.583222 34.910498-13.798423a44.857065 44.857065 0 0 0 0-66.017897l-137.009078-129.500396h408.784382c172.699699 0 318.241371 128.476484 322.141986 291.668436 3.949372 167.726416-139.154416 305.418102-315.705973 305.418102h-63.287467l-2.291611-0.146273h-424.191808l-2.194096 0.146273a48.513891 48.513891 0 0 0-46.514826 39.103659v15.309911c3.851857 21.453379 22.916109 37.933474 46.319796 39.054901h484.748845c227.3083 0 417.804552-170.066785 421.948955-384.746846 4.290676-219.458314-183.426389-399.325392-414.586545-399.325392h-0.097516z" fill="#3768C8" ></path></symbol><symbol id="iconxiazai" viewBox="0 0 1024 1024"><path d="M960 985.6H64c-19.2 0-32-12.8-32-32s12.8-32 32-32h896c19.2 0 32 12.8 32 32s-12.8 32-32 32zM518.4 819.2c-25.6 0-51.2-6.4-70.4-25.6l-320-320c-12.8-12.8-12.8-32 0-44.8s32-12.8 44.8 0l320 320c12.8 12.8 32 12.8 44.8 0l320-320c12.8-12.8 32-12.8 44.8 0s12.8 32 0 44.8l-320 320c-19.2 12.8-44.8 25.6-64 25.6z" fill="#333333" ></path><path d="M518.4 812.8c-19.2 0-32-12.8-32-32V70.4c0-19.2 12.8-32 32-32s32 12.8 32 32v710.4c0 19.2-12.8 32-32 32z" fill="#333333" ></path></symbol><symbol id="icon11-04" viewBox="0 0 1024 1024"><path d="M748.28 782.5h-13.72v-75h13.72c78.42 0 142.22-63.8 142.22-142.22s-63.8-142.22-142.22-142.22h-56.41l-0.36-37.14c-0.94-97.81-81.29-177.38-179.11-177.38s-178.17 79.57-179.11 177.38l-0.36 37.14h-54.32c-78.42 0-142.22 63.8-142.22 142.22s63.8 142.22 142.22 142.22h21.06v75h-21.06c-57.82 0-112.32-22.65-153.44-63.78-41.13-41.12-63.78-95.62-63.78-153.44 0-57.82 22.65-112.32 63.78-153.44 36.98-36.98 84.76-59.02 136.06-63.09 8.18-53.5 33.18-102.81 72.29-141.58 47.9-47.48 111.43-73.63 178.88-73.63s130.98 26.15 178.88 73.63c39.08 38.73 64.06 87.99 72.27 141.42 52.1 3.62 100.69 25.76 138.18 63.25 41.13 41.13 63.78 95.62 63.78 153.44 0 57.82-22.65 112.32-63.78 153.44-41.14 41.13-95.63 63.78-153.45 63.78z" fill="#00AEFF" ></path><path d="M474.6 468.21h75V787.8h-75z" fill="#00AEFF" ></path><path d="M511.92 841.09L344.07 702.68l47.72-57.86 120.29 99.2 121.69-99.67 47.52 58.03z" fill="#00AEFF" ></path></symbol><symbol id="iconyouxiang" viewBox="0 0 1024 1024"><path d="M834.446 213.447H194.105c-50.176 0-91.022 40.846-91.022 91.022v423.026c0 50.176 40.846 91.022 91.022 91.022h640.341c50.176 0 91.022-40.846 91.022-91.022V304.469c0-50.176-40.846-91.022-91.022-91.022z m36.409 514.048c0 20.025-16.384 36.409-36.409 36.409H194.105c-20.025 0-36.409-16.384-36.409-36.409V304.469c0-20.025 16.384-36.409 36.409-36.409h640.341c20.025 0 36.409 16.384 36.409 36.409v423.026z"  ></path><path d="M786.773 358.059L514.275 529.977 241.777 358.059c-12.743-8.078-29.582-4.21-37.661 8.533-8.078 12.743-4.21 29.582 8.533 37.661l286.72 180.907c4.551 2.845 9.557 4.21 14.563 4.21h0.91c5.006 0 10.013-1.365 14.563-4.21l286.72-180.907c12.743-8.078 16.611-24.917 8.533-37.661-8.306-12.857-25.145-16.611-37.888-8.533z"  ></path></symbol><symbol id="iconbangdingshouji" viewBox="0 0 1024 1024"><path d="M508.5 815.3c-30.2 0-54.6-24.5-54.6-54.6 0-30.2 24.5-54.6 54.6-54.6 30.2 0 54.6 24.5 54.6 54.6 0 30.2-24.4 54.6-54.6 54.6zM317.2 131.1h382.5c60.4 0 109.3 48.9 109.3 109.3v546.4c0 60.4-48.9 109.3-109.3 109.3H317.2c-60.4 0-109.3-48.9-109.3-109.3V240.4c0.1-60.4 49-109.3 109.3-109.3zM754.4 678H262.6v108.8c0 30.2 24.5 54.6 54.6 54.6h382.5c30.2 0 54.6-24.5 54.6-54.6V678z m0-54.7v-383c0-30.2-24.5-54.6-54.6-54.6H317.2c-30.2 0-54.6 24.5-54.6 54.6v383h491.8z"  ></path></symbol><symbol id="iconshouji" viewBox="0 0 1024 1024"><path d="M736.653061 929.959184H287.346939c-45.97551 0-83.591837-37.616327-83.591837-83.591837V177.632653c0-45.97551 37.616327-83.591837 83.591837-83.591837h449.306122c45.97551 0 83.591837 37.616327 83.591837 83.591837v668.734694c0 45.97551-37.616327 83.591837-83.591837 83.591837zM287.346939 135.836735c-22.987755 0-41.795918 18.808163-41.795919 41.795918v668.734694c0 22.987755 18.808163 41.795918 41.795919 41.795918h449.306122c22.987755 0 41.795918-18.808163 41.795919-41.795918V177.632653c0-22.987755-18.808163-41.795918-41.795919-41.795918H287.346939z"  ></path><path d="M616.489796 815.020408H407.510204c-11.493878 0-20.897959-9.404082-20.897959-20.897959s9.404082-20.897959 20.897959-20.897959h208.979592c11.493878 0 20.897959 9.404082 20.897959 20.897959s-9.404082 20.897959-20.897959 20.897959z"  ></path></symbol><symbol id="icon52-shouji" viewBox="0 0 1024 1024"><path d="M682.7 938.7H341.3c-70.6 0-128-57.4-128-128V213.3c0-70.6 57.4-128 128-128h341.3c70.6 0 128 57.4 128 128v597.3c0.1 70.6-57.4 128.1-127.9 128.1z m-341.4-768c-23.5 0-42.7 19.1-42.7 42.7v597.3c0 23.5 19.1 42.7 42.7 42.7h341.3c23.5 0 42.7-19.1 42.7-42.7V213.3c0-23.5-19.1-42.7-42.7-42.7H341.3z"  ></path><path d="M597.3 810.7H426.7c-23.6 0-42.7-19.1-42.7-42.7s19.1-42.7 42.7-42.7h170.7c23.6 0 42.7 19.1 42.7 42.7-0.1 23.6-19.2 42.7-42.8 42.7z"  ></path></symbol><symbol id="iconhome" viewBox="0 0 1024 1024"><path d="M889.97888 550.90688l-356.79744-356.81792c-4.23424-4.23936-9.99424-6.61504-15.9744-6.61504-5.9904 0-11.74016 2.3808-15.97952 6.61504l-356.8128 356.81792c-8.82688 8.8064-8.82688 23.12704 0 31.9488 8.82688 8.81664 20.3008 8.81664 29.12256 0l68.29056-71.12704 0 282.61888c0 12.4672 15.76448 28.24704 28.24192 28.24704l157.92128 0 180.75136 0 158.40768 0c12.46208 0 16.94208-15.77984 16.94208-28.24704l0-279.78752 71.10144 68.29056c4.42368 4.38784 11.60192 6.62016 17.38752 6.62016 5.79072 0 12.26752-2.23232 16.6912-6.62016C898.09408 574.0288 898.80576 559.70816 889.97888 550.90688zM580.7616 777.40544 445.184 777.40544l0-152.51456c0-18.688 20.61312-28.24704 39.30112-28.24704l67.78368 0c18.688 0 28.48768 9.55392 28.48768 28.24704L580.75648 777.40544zM738.9184 777.40544l-112.9728 0 0-152.51456c0-43.61216-30.07488-73.43616-73.6768-73.43616L484.48512 551.45472c-43.60192 0-84.48512 29.824-84.48512 73.43616l0 152.51456L287.0272 777.40544l0-310.6816c0-0.05632 2.80064-0.1024 2.80064-0.16384l223.14496-224.54272 225.9456 227.35872L738.9184 777.40544z"  ></path></symbol><symbol id="iconhome2" viewBox="0 0 1024 1024"><path d="M7.8 438.6c-9.8-13.4-6.8-32.2 6.6-41.9l452.1-334 0.3-0.2c32.5-22.5 75.9-22.1 108 0.8l0.6 0.4L1012 396.6c13.2 10 15.9 28.8 6 42-10 13.2-28.8 15.9-42 6L539.6 111.9c-11.5-8.1-26.8-8.2-38.4-0.3L49.7 445.2c-13.4 9.7-32.2 6.8-41.9-6.6zM874.3 977.1H593.1l-0.3-171.2c-0.1-43.5-35.5-78.8-79-78.8s-78.9 35.4-79 78.8l-0.3 171.2H151.2c-45.8 0-83.2-37.3-83.4-83.1l-1.1-346.8c-0.1-16.6 13.3-30 29.9-30.1 16.6-0.1 30 13.3 30.1 29.9l1.1 346.8c0 12.9 10.5 23.3 23.4 23.3h223.4l0.2-111.3c0.1-76.5 62.5-138.7 139-138.7s138.8 62.2 139 138.7l0.2 111.3h221.3c12.9 0 23.4-10.5 23.4-23.4L898 547c0-16.6 13.5-30 30-30 16.6 0 30 13.5 30 30l-0.3 346.7c-0.1 46-37.5 83.4-83.4 83.4z"  ></path></symbol><symbol id="iconKafka" viewBox="0 0 1024 1024"><path d="M806.668137 609.658214c-57.578831 0-106.690187 34.998897-127.576626 84.674752L440.30871 577.481808c7.338479-20.32194 11.854465-42.337376 11.854465-65.481808 0-4.515987 0-9.031974-0.564498-13.54796l244.427784-119.673649c25.402426 33.305402 65.481808 54.75634 110.077178 54.75634 76.207277 0 138.302095-62.094818 138.302095-138.302095s-62.094818-138.302095-138.302095-138.302095-138.302095 62.094818-138.302095 138.302095c0 18.063947 3.38699 34.998897 9.596472 50.804851L444.824697 460.63065C424.502756 387.810364 360.714443 333.054024 283.37817 325.715546L283.37817 206.041896C327.973539 197.009923 361.278942 158.059537 361.278942 111.206174c0-53.062845-43.466373-96.529217-96.529217-96.529217s-96.529217 43.466373-96.529217 96.529217c0 46.853363 33.305402 85.803749 77.900772 94.835722l0 119.673649c-94.835722 9.596472-168.785006 89.190739-168.785006 186.284454 0 97.093716 73.949283 177.252481 168.785006 186.284454L246.121279 818.522602c-44.595369 8.467475-77.900772 47.982359-77.900772 94.835722 0 53.062845 43.466373 96.529217 96.529217 96.529217S361.278942 966.421169 361.278942 913.358324c0-46.853363-33.305402-85.803749-77.900772-94.835722l0-120.238148c59.272326-5.644983 110.641676-39.514884 140.560088-88.061742l245.556781 120.238148c-0.564498 5.644983-1.128997 11.289967-1.128997 16.93495 0 76.207277 62.094818 138.302095 138.302095 138.302095s138.302095-62.094818 138.302095-138.302095C944.970232 671.753032 882.875413 609.658214 806.668137 609.658214z"  ></path></symbol><symbol id="iconshujujieruKafkajiqun" viewBox="0 0 1024 1024"><path d="M697.051429 674.157714c-29.622857 0-59.245714 11.922286-83.017143 23.917715L412.013714 542.866286c5.924571-17.92 11.849143-35.84 11.849143-59.757715 0-23.917714-5.851429-41.837714-11.849143-59.757714l194.413715-149.430857c17.773714 17.92 47.469714 29.842286 77.165714 29.842286a147.456 147.456 0 0 0 148.406857-149.430857A147.456 147.456 0 0 0 683.52 4.900571 147.456 147.456 0 0 0 535.259429 154.331429c0 29.915429 11.849143 59.830857 23.698285 83.675428L382.317714 369.517714c-29.696-35.84-65.316571-59.757714-106.788571-65.755428v-65.755429c53.394286-11.922286 89.014857-59.757714 89.014857-113.517714 0-65.828571-53.394286-119.588571-118.710857-119.588572S127.122286 58.733714 127.122286 124.489143c0 53.76 35.547429 101.595429 89.014857 113.517714v65.828572C127.122286 321.682286 61.805714 393.362286 61.805714 483.035429s65.316571 161.426286 148.406857 173.348571v65.755429c-53.394286 11.922286-89.088 59.757714-89.088 113.590857 0 65.755429 53.394286 119.515429 118.710858 119.515428s118.784-53.76 118.784-119.515428c0-53.833143-35.620571-101.668571-89.088-113.590857v-65.755429c41.545143-5.997714 83.090286-29.915429 106.861714-65.755429l196.022857 149.211429c-11.849143 23.917714-23.698286 53.76-23.698286 83.675429 0 83.675429 65.316571 149.430857 148.406857 149.430857a147.456 147.456 0 0 0 148.406858-149.430857 147.456 147.456 0 0 0-148.48-149.430858zM683.666286 64.658286c47.469714 0 89.014857 41.910857 89.014857 89.673143 0 47.835429-41.545143 89.673143-89.014857 89.673142-47.542857 0-89.088-41.837714-89.088-89.673142 0-47.762286 41.545143-89.673143 89.088-89.673143z m-441.782857 300.032c62.244571 0 116.736 54.857143 116.736 117.467428 0 62.683429-54.491429 117.467429-116.662858 117.467429s-116.662857-54.857143-116.662857-117.467429c0-62.610286 54.418286-117.467429 116.662857-117.467428z m-61.293715-240.201143c0-35.84 23.771429-59.830857 59.318857-59.830857 35.620571 0 59.392 23.917714 59.392 59.830857 0 35.84-23.771429 59.757714-59.392 59.757714-35.547429 0-59.318857-23.917714-59.318857-59.757714z m118.710857 717.238857c0 35.84-23.771429 59.830857-59.392 59.830857-35.547429 0-59.318857-23.917714-59.318857-59.830857 0-35.84 23.771429-59.757714 59.318857-59.757714 35.620571 0 59.392 23.917714 59.392 59.757714z m397.897143 71.533714c-47.542857 0-89.014857-41.837714-89.014857-89.673143s41.545143-89.673143 89.014857-89.673142c47.542857 0 89.014857 41.837714 89.014857 89.673142s-41.545143 89.673143-89.014857 89.673143z" fill="#000000" ></path></symbol><symbol id="iconkafka" viewBox="0 0 1024 1024"><path d="M774.129466 599.646949c-51.08182 0-94.649533 31.502808-113.170221 76.234678l-211.806112-105.197505c6.526338-18.309023 10.512695-38.0997 10.512695-58.948703 0-4.056913 0-8.149103-0.493885-12.206015l216.815517-107.737486c22.542323 29.985875 58.066765 49.282668 97.648121 49.282668 67.59169 0 122.659868-55.914838 122.659868-124.529576s-55.068178-124.529576-122.659868-124.529576-122.659868 55.914838-122.659869 124.529576c0 16.262928 2.998588 31.502808 8.501878 45.754918l-206.302822 103.15141c-18.026803-65.545595-74.611913-114.863541-143.191373-121.460433V236.288697c39.546078-8.149103 69.108623-43.17966 69.108623-85.371551 0-47.765735-38.558308-86.888483-85.618493-86.888483-47.060185 0-85.618493 39.122748-85.618493 86.888483 0 42.19189 29.562545 77.257726 69.108623 85.371551v107.737486c-84.136838 8.642988-149.717711 80.291591-149.717712 167.709236S192.791539 671.33083 276.928377 679.444655v108.231371c-39.546078 7.61994-69.108623 43.214938-69.108623 85.37155 0 47.765735 38.558308 86.923761 85.618493 86.923761 47.060185 0 85.618493-39.122748 85.618493-86.923761 0-42.19189-29.562545-77.257726-69.108623-85.37155V679.444655c52.563475-5.07996 98.142006-35.55972 124.670686-79.268543l217.803287 108.266648c-0.493885 5.07996-0.98777 10.15992-0.98777 15.23988 0 68.614738 55.068178 124.529576 122.659868 124.529576s122.659868-55.914838 122.659869-124.529576c0.035278-68.120853-55.0329-124.035691-122.624591-124.035691z" fill="#333333" ></path></symbol><symbol id="iconelasticsearch-Elasticsearch" viewBox="0 0 1024 1024"><path d="M42.666667 505.6c0 51.2 6.4 108.8 23.424 153.6H413.013333c12.8-51.2 17.045333-95.957333 17.045334-147.2a648.405333 648.405333 0 0 0-17.045334-147.2H59.733333C49.066667 409.6 42.666667 454.4 42.666667 505.6z m698.154666-140.8H476.885333c12.757333 44.8 17.024 95.957333 17.024 147.2s-6.4 95.957333-17.024 147.2h263.914667c83.008 0 146.88-63.978667 146.88-147.2 0-83.221333-63.872-147.2-146.88-147.2h0.021333zM95.850667 294.4h300.16c-36.202667-76.8-76.629333-147.2-123.52-204.8-76.586667 51.2-142.549333 121.6-176.597334 204.8h-0.042666z m698.154666 0c76.629333 0 140.48-32 187.306667-83.2C887.68 83.2 730.176 0 553.493333 0c-87.253333 0-157.504 19.2-229.866666 57.6 59.584 64 100.053333 147.2 129.834666 230.4l340.544 6.4zM89.493333 729.6h300.117334c-29.802667 76.8-70.229333 147.2-123.456 198.4-70.229333-44.8-136.213333-115.2-176.64-198.4z m704.533334 0c76.629333 0 140.48 32 187.306666 83.2-93.653333 127.957333-257.536 211.2-427.84 211.2-87.253333 0-157.504-25.6-229.866666-57.6 59.584-63.978667 100.053333-147.2 129.834666-230.4l340.565334-6.4z" fill="#5732CD" ></path></symbol><symbol id="iconapachekafka" viewBox="0 0 1024 1024"><path d="M693.845333 567.168c-39.893333 0-75.605333 17.664-100.096 45.482667l-62.72-44.416c6.656-18.346667 10.496-38.016 10.496-58.624 0-20.266667-3.669333-39.594667-10.112-57.685334l62.592-43.946666a132.992 132.992 0 0 0 99.882667 45.226666c73.6 0 133.504-59.861333 133.504-133.504s-59.904-133.504-133.504-133.504a133.632 133.632 0 0 0-127.957333 171.434667l-62.634667 43.946667a172.544 172.544 0 0 0-106.752-61.994667V264.106667a133.717333 133.717333 0 0 0 106.026667-130.602667C502.570667 59.861333 442.666667 0 369.066667 0S235.605333 59.861333 235.605333 133.504a133.632 133.632 0 0 0 103.637334 130.005333v76.458667a172.586667 172.586667 0 0 0-142.549334 169.642667 172.586667 172.586667 0 0 0 143.786667 169.856v80.725333a133.674667 133.674667 0 0 0-104.832 130.304C235.605333 964.138667 295.466667 1024 369.066667 1024s133.504-59.861333 133.504-133.504a133.632 133.632 0 0 0-104.832-130.304v-80.725333a172.458667 172.458667 0 0 0 104.96-61.056l63.146666 44.714666a132.906667 132.906667 0 0 0-5.461333 37.546667c0 73.6 59.904 133.504 133.504 133.504s133.504-59.861333 133.504-133.504-59.946667-133.504-133.546667-133.504z m0-312.149333c35.712 0 64.725333 29.056 64.725334 64.725333s-29.013333 64.725333-64.725334 64.725333c-35.669333 0-64.725333-29.056-64.725333-64.725333s29.056-64.725333 64.725333-64.725333zM304.341333 133.504c0-35.669333 29.013333-64.725333 64.725334-64.725333s64.725333 29.056 64.725333 64.725333-29.013333 64.725333-64.725333 64.725333-64.725333-29.056-64.725334-64.725333z m129.450667 756.992c0 35.669333-29.013333 64.725333-64.725333 64.725333s-64.725333-29.056-64.725334-64.725333 29.013333-64.725333 64.725334-64.725333 64.725333 29.056 64.725333 64.725333zM369.066667 599.893333a90.368 90.368 0 0 1-90.282667-90.282666c0-49.792 40.490667-90.282667 90.282667-90.282667 49.792 0 90.282667 40.490667 90.282666 90.282667A90.368 90.368 0 0 1 369.066667 599.893333z m324.778666 165.504a64.810667 64.810667 0 0 1-64.725333-64.725333c0-35.669333 29.013333-64.725333 64.725333-64.725333s64.725333 29.056 64.725334 64.725333c0 35.669333-29.013333 64.725333-64.725334 64.725333z"  ></path></symbol><symbol id="iconelasticsearch" viewBox="0 0 1024 1024"><path d="M480.853333 664.746667H68.693333A503.893333 503.893333 0 0 1 45.653333 512c0-53.333333 7.68-104.533333 23.04-152.746667h676.693334A152.32 152.32 0 0 1 898.133333 512a151.893333 151.893333 0 0 1-151.466666 152.746667z m-19.2 51.2H87.466667a503.466667 503.466667 0 0 0 187.306666 221.013333A503.466667 503.466667 0 0 0 554.666667 1021.013333c177.066667 0 331.946667-90.453333 423.68-226.133333a259.413333 259.413333 0 0 0-185.6-79.36z m331.093334-407.466667c72.533333 0 138.666667-30.72 185.6-78.933333A510.293333 510.293333 0 0 0 87.466667 308.48h372.906666z"  ></path></symbol><symbol id="iconwentifankui" viewBox="0 0 1024 1024"><path d="M437.248 188.416c-102.912 0-149.504 61.44-149.504 149.504H337.92c1.536-62.464 42.496-97.792 99.328-99.328 50.176 1.536 72.704 29.184 74.24 75.264 0 24.064-17.408 52.224-52.224 83.968-39.936 35.328-47.104 60.928-47.104 89.6v49.664h49.664v-49.664c0-15.872 8.704-37.376 36.352-62.976 41.472-36.864 62.464-73.728 62.464-110.592 0.512-73.728-43.52-125.44-123.392-125.44zM412.16 636.416h50.176v-49.664h-50.176v49.664z"  ></path><path d="M760.832 64H64v712.192s9.216 57.856 99.328 59.392 273.92 0 273.92 0c-10.752 1.536 398.336-357.888 398.336-357.888V133.12s-9.728-69.12-74.752-69.12z m12.288 102.912v287.232L413.696 773.12s-221.696-0.512-239.616 0c-55.296 2.048-48.128-53.248-48.128-53.248V122.88h622.592c31.744 0 24.576 26.112 24.576 44.032zM944.64 617.472l-86.528-80.896-15.36-14.336-15.36 14.336-64.512 60.928-238.08 221.696-4.608 4.096-1.536 6.144-31.744 130.56 143.36-26.112 6.656-1.024 4.608-4.096 238.08-221.696 65.024-60.416 15.36-14.336-15.36-14.848z m-322.56 267.776l-64 11.776 12.8-59.392 199.168-185.856 51.2 47.616-199.168 185.856z m241.152-225.792l-50.176-46.592 30.72-28.672 50.176 46.592-30.72 28.672z"  ></path></symbol><symbol id="iconwentifankui1" viewBox="0 0 1024 1024"><path d="M739.5328 897.2288H153.6a76.8 76.8 0 0 1-76.8-76.8V204.8A76.8 76.8 0 0 1 153.6 128h712.192a76.8 76.8 0 0 1 76.8 76.8v55.0912a25.6 25.6 0 0 1-51.2 0V204.8a25.6 25.6 0 0 0-25.6-25.6H153.6a25.6 25.6 0 0 0-25.6 25.6v615.6288a25.6 25.6 0 0 0 25.6 25.6h585.9328a25.6 25.6 0 0 1 0 51.2z" fill="#717171" ></path><path d="M256 691.2l382.8736-0.512a25.6 25.6 0 0 0-0.0512-51.2l-382.8736 0.512a25.6 25.6 0 0 0 0.1024 51.2zM256 486.4h228.7616a25.6 25.6 0 0 0 0-51.2H256a25.6 25.6 0 0 0 0 51.2z" fill="#717171" ></path><path d="M773.5296 320.7168c-44.2368 0-78.6432 13.5168-103.2192 40.5504-24.576 25.8048-36.2496 60.2112-36.2496 103.2192h48.5376c0-30.1056 6.7584-53.4528 20.2752-70.656 14.7456-20.2752 37.4784-30.1056 68.1984-30.1056 25.8048 0 46.08 6.7584 60.2112 21.504 13.5168 13.5168 20.8896 32.5632 20.8896 57.1392 0 17.2032-6.144 33.1776-18.432 48.5376a272.384 272.384 0 0 1-20.8896 22.1184c-33.1776 29.4912-53.4528 52.8384-62.0544 71.2704-7.3728 15.36-11.0592 33.1776-11.0592 53.4528v14.1312h49.152v-14.1312c0-16.5888 3.6864-31.3344 11.6736-44.8512 6.144-11.0592 15.36-22.1184 28.8768-33.792 27.0336-23.9616 43.6224-39.936 49.7664-47.3088 15.36-20.2752 23.3472-44.2368 23.3472-71.8848 0-36.864-11.6736-65.7408-34.4064-86.6304-23.9616-22.1184-55.296-32.5632-94.6176-32.5632z m-9.216 374.1696a35.1744 35.1744 0 0 0-26.4192 10.4448 32.9728 32.9728 0 0 0-10.4448 25.8048c0 10.4448 3.072 19.0464 10.4448 26.4192a37.6832 37.6832 0 0 0 26.4192 10.4448 37.6832 37.6832 0 0 0 26.4192-10.4448 33.8944 33.8944 0 0 0 11.0592-26.4192 35.1744 35.1744 0 0 0-10.4448-25.8048 36.5568 36.5568 0 0 0-27.0336-10.4448z" fill="#717171" ></path></symbol><symbol id="iconwentifankui2" viewBox="0 0 1025 1024"><path d="M512.843493 6.747941C233.647446 6.747941 6.747941 215.09061 6.747941 471.09061s214.668863 447.894563 499.769357 447.894563c22.7743 0 61.153213-1.686985 93.205931-5.060956a34.836244 34.836244 0 0 1 22.352554 5.482702L759.143328 1010.925865a44.789456 44.789456 0 0 0 46.392092 2.108731 46.771664 46.771664 0 0 0 23.617793-42.174629l-4.217463-138.75453a39.053707 39.053707 0 0 1 13.917627-31.630972c118.088962-94.892916 180.085667-208.764415 180.085667-329.383855 0-256-226.899506-464.342669-506.095551-464.342669z m291.004942 749.864909a95.56771 95.56771 0 0 0-35.004942 77.179572l3.795716 118.510708-119.354201-79.710049a89.452389 89.452389 0 0 0-59.466227-14.761121c-29.943987 3.37397-65.792422 5.060956-86.879737 5.060956-253.047776 0-443.6771-168.698517-443.6771-391.802306s201.594728-408.250412 449.581549-408.250412 450.003295 183.037891 450.003294 408.250412c0 104.593081-53.561779 200.751236-158.998352 285.52224z m-345.831961-90.675453a50.820428 50.820428 0 0 0 101.640857 0 50.820428 50.820428 0 0 0-101.640857 0z m140.863262-316.30972a72.413839 72.413839 0 0 0-79.288303-84.349259 83.590115 83.590115 0 0 0-93.205931 93.205931 42.174629 42.174629 0 0 1-84.349258 0 164.902801 164.902801 0 0 1 177.555189-177.555189 151.406919 151.406919 0 0 1 143.815486 81.397034 184.134432 184.134432 0 0 1 19.40033 95.314663 134.663591 134.663591 0 0 1-55.670511 105.436573c-3.795717 2.952224-58.200988 42.174629-66.635914 49.766063a27.076112 27.076112 0 0 0-10.965404 24.461285 42.174629 42.174629 0 0 1-84.349259 0.421746 108.304448 108.304448 0 0 1 38.378913-86.879737c12.652389-11.808896 73.383855-55.248764 72.540363-54.827018a55.586161 55.586161 0 0 0 22.774299-46.392092z"  ></path></symbol><symbol id="iconalikafkaxiaoxiduilieKafka" viewBox="0 0 1024 1024"><path d="M558.933 439.467c0 55.466 38.4 100.266 87.467 115.2V595.2c-27.733 6.4-49.067 34.133-49.067 64 0 36.267 29.867 66.133 66.134 66.133 36.266 0 66.133-29.866 66.133-66.133 0-29.867-19.2-55.467-46.933-64v-42.667c38.4-2.133 70.4-21.333 91.733-49.066l74.667 42.666c0 2.134-2.134 4.267-2.134 6.4 0 36.267 29.867 66.134 66.134 66.134S979.2 588.8 979.2 552.533c-2.133-36.266-29.867-64-66.133-64-21.334 0-38.4 10.667-53.334 25.6L787.2 471.467c4.267-12.8 6.4-23.467 6.4-36.267 0-19.2-4.267-36.267-12.8-49.067L864 339.2c12.8 12.8 29.867 19.2 46.933 19.2 36.267 0 66.134-29.867 66.134-66.133s-29.867-66.134-66.134-66.134S844.8 256 844.8 292.267c0 4.266 2.133 10.666 2.133 14.933L761.6 356.267c-21.333-21.334-49.067-36.267-81.067-38.4V275.2c27.734-8.533 46.934-34.133 46.934-64 0-36.267-29.867-66.133-66.134-66.133s-64 29.866-64 68.266c0 29.867 21.334 55.467 49.067 64v46.934c-49.067 12.8-87.467 59.733-87.467 115.2z" fill="#00C1DE" ></path><path d="M919.467 663.467C913.067 733.867 857.6 787.2 787.2 787.2H228.267C155.733 787.2 96 727.467 96 654.933c0-66.133 46.933-121.6 110.933-132.266l27.734-4.267v-32c0-119.467 98.133-215.467 215.466-215.467 27.734 0 53.334 4.267 76.8 14.934 10.667-19.2 23.467-38.4 36.267-57.6C526.933 213.333 488.533 204.8 448 204.8c-147.2 0-270.933 115.2-283.733 262.4-83.2 25.6-140.8 104.533-140.8 192 0 110.933 89.6 202.667 202.666 202.667h558.934c110.933 0 200.533-89.6 202.666-200.534 0-2.133 0-4.266 2.134-6.4l-70.4 8.534z" fill="#00C1DE" ></path></symbol><symbol id="iconxiangmuchaxun-chakanshebei" viewBox="0 0 1024 1024"><path d="M646 434.8h-123.6c-3.2 0-7.2 3.2-7.2 7.2 0 3.2 3.2 7.2 7.2 7.2h123.6c3.2 0 7.2-3.2 7.2-7.2s-4-7.2-7.2-7.2z m7.2 53.2c0-3.2-3.2-7.2-7.2-7.2h-123.6c-3.2 0-7.2 3.2-7.2 7.2 0 3.2 3.2 7.2 7.2 7.2h123.6c3.2 0.4 7.2-3.2 7.2-7.2z m-130.8 39.6c-3.2 0-7.2 3.2-7.2 7.2 0 3.2 3.2 7.2 7.2 7.2H596c3.2 0 7.2-3.2 7.2-7.2 0-3.2-3.2-7.2-7.2-7.2h-73.6z m-195.2-118c-1.2-2.8-3.2-3.2-7.2-3.2-2.8 0-4.8 1.2-7.2 2.8-15.6 20-16.8 47.6-3.2 68 12 18.8 34.4 29.6 55.6 27.6l60.4 100c2.8 4.8 7.2 7.2 12 8h5.2c3.2 0 7.2-1.2 10.8-2.8l15.6-9.6c4.8-2.8 7.2-7.2 8-12 1.2-4.8 0-10.8-2.8-14l-64.4-97.6c12-18.8 12-43.2 0-62-13.6-20-36.8-30.8-60.4-26.4-2.8 0-4.8 2.8-6 4.8-2.8 1.2-2.8 4.8 0 7.2l18.8 29.6-16.8 10.8-18.4-31.2z m354.4 263.2c-1.2 1.2-3.2 2.8-5.2 4-11.6 7.2-25.6 7.2-36.8 0-2-1.2-3.2-2.8-5.2-4-2.8-2.8-7.2-2.8-10.8 0-1.2 1.2-2 3.2-2 5.2s0.8 4 2 5.2c2 2 4.8 4 7.2 6 2.8 2 5.2 3.2 8.8 4.8 14.8 5.2 30.8 4.8 45.2-4.8 2.8-2 5.2-4 7.2-6 2.8-2.8 2.8-7.2 0-10.8-3.2-2.4-8-2.4-10.4 0.4z m91.2 73.2l-45.6-45.6c10-14 16-30.8 16-49.6 0-45.6-37.6-83.2-83.2-83.2s-82.8 37.6-82.8 83.2 36.8 83.2 83.2 83.2c18.8 0 35.6-6 49.6-16l45.6 45.6c4 4 10 4 14 0l3.2-3.2c4-4 4-10.8 0-14.4z m-112-36.8c-32.4 0-58.4-26.4-58.4-58.4 0-32.4 26.4-58.4 58.4-58.4 32.4 0 58.4 26.4 58.4 58.4s-26.4 58.4-58.4 58.4z m-15.6-90l6-2c2-0.8 4-0.8 6.8-0.8 2 0 4 0 6 0.8s4 0.8 6 2c4 1.2 8-0.8 10-4 0.8-2 0.8-4 0-6s-2-3.2-4-4c-2.8-1.2-6-2-8.8-2.8-3.2-0.8-6-0.8-9.6-0.8-3.2 0-6 0-9.6 0.8-2.8 0.8-6 1.2-8.8 2.8-2 0.8-3.2 2-4 4-0.8 2-0.8 4 0 6 2 3.2 6.8 5.2 10 4zM304 657.6c-14 0-24.8-12-24.8-24.8V370.4c0-14 12-24.8 24.8-24.8h369.6c14 0 24.8 12 24.8 24.8v186.8c12 4.8 22.8 12 32.4 20.8V370.4c1.2-32-25.2-58.4-58.8-58.4H302.4c-32 0-58.4 26.4-58.4 58.4v262c0 32.4 26.4 58.4 58.4 58.4h264.8c-4.8-10-7.2-21.6-8-33.6H304z m0 0" fill="#3F51B5" ></path><path d="M763.2 768.8c-3.2 0-6-1.2-8.4-3.6l-44.4-44.4c-14.8 10.4-31.6 15.6-49.6 15.6-47.2 0-85.2-38.4-85.2-85.2s38-85.2 84.8-85.2c47.2 0 85.2 38.4 85.2 85.2 0 18-5.2 34.4-15.6 49.6l44.4 44.4c2.4 2 3.6 4.8 3.6 8.4 0 3.2-0.8 6.4-2.8 8.8l-3.6 3.6c-2.4 1.6-5.6 2.8-8.4 2.8z m-52.4-53.6l46.8 46.8c3.2 3.2 8 3.2 11.2 0l3.2-3.2c1.2-1.6 2-3.6 2-6s-0.8-4-2.4-5.2l-46.8-46.8 0.8-1.2c10.4-14.8 15.6-30.8 15.6-48.4 0-44.8-36.4-81.2-81.2-81.2-44.4 0-80.8 36.4-80.8 81.2S616 732 660.8 732c17.6 0 34-5.2 48.4-15.6l1.6-1.2z m-50-4c-33.2 0-60.4-27.2-60.4-60.4s27.2-60.4 60.4-60.4 60.4 27.2 60.4 60.4-27.2 60.4-60.4 60.4z m0-116.8c-31.2 0-56.4 25.2-56.4 56.4s25.2 56.4 56.4 56.4 56.4-25.2 56.4-56.4-25.6-56.4-56.4-56.4z m-3.2 105.2c-6.4 0-12.8-1.2-19.2-3.6-4-1.6-6.8-3.2-9.2-4.8-2.8-2-5.6-4-7.6-6.4-1.6-1.6-2.8-4-2.8-6.8s0.8-5.2 2.8-6.8c4.4-3.6 10-3.2 13.6 0 0.8 0.4 1.6 1.2 2.4 2 0.8 0.8 1.6 1.2 2.4 2 10.8 6.8 24 6.8 34.8 0 2-1.2 4-2.4 5.2-3.6 3.2-3.2 9.6-3.2 12.8 0 3.6 4.4 3.2 10 0 13.6-2 2-4.8 4-7.6 6-8.4 5.6-17.6 8.4-27.6 8.4z m-87.2-6.4h-268c-33.2 0-60.4-27.2-60.4-60.4V370.4c0-33.2 27.2-60.4 60.4-60.4H672c17.2 0 33.2 6.8 44.8 18.4 10.8 11.2 16.4 26.4 16 42v212l-3.2-3.2c-10-9.2-20.8-16-31.6-20.4l-1.2-0.4v-188c0-11.2-9.2-22.8-22.8-22.8H304c-11.2 0-22.8 9.2-22.8 22.8v262c0 11.2 9.2 22.8 22.8 22.8h257.2v2c0.8 12 3.2 23.2 8 32.8l1.2 3.2z m-268-379.2c-31.2 0-56.4 25.2-56.4 56.4v262c0 31.2 25.2 56.4 56.4 56.4H564c-3.6-8.8-6-18.8-6.8-29.6H304c-14.4 0-26.8-12.4-26.8-26.8V370.4c0-14.4 12.4-26.8 26.8-26.8h369.6c14.4 0 26.8 12.4 26.8 26.8V556c9.6 4 19.2 10 28.4 17.6V370.4c0.8-14.8-4.8-28.4-14.8-39.2-10.8-11.2-25.6-17.2-41.6-17.2H302.4z m340.4 307.6c-3.6 0-7.6-2.4-8.8-5.6-0.8-2.4-0.8-4.8 0-7.6 0.8-2.4 2.8-4.4 5.2-5.2 2-1.2 5.2-2 7.6-2.4l1.2-0.4c3.6-0.8 6.4-0.8 10-0.8s6.4 0 10 0.8l1.6 0.4c2.4 0.8 5.2 1.2 8 2.4 2.4 0.8 4 2.4 5.2 5.2 0.8 2.4 0.8 4.8 0 7.2v0.4c-2.8 4.4-7.6 6.4-12.4 4.8l-0.4-0.4c-1.2-0.8-2-0.8-3.2-1.2-0.8 0-1.6-0.4-2.4-0.4-1.6-0.4-3.6-0.4-5.6-0.4-2.4 0-4.4 0-6 0.4l-6 2c-2 0.4-2.8 0.8-4 0.8z m-200-7.2h-5.2c-6-0.8-11.2-4.4-14-9.2l-60-99.2c-22 1.6-44-9.6-56.4-28.4-14-20.8-12.8-49.2 3.6-70l0.4-0.4 1.6-0.8c2-1.2 4.4-2.4 6.8-2.4 4.4 0 7.2 0.8 9.2 4.4l17.2 29.6 13.2-8.4-17.6-27.6c-2-2-2.8-4.4-2.4-6.4 0.4-1.6 1.2-2.8 2.4-3.6 1.2-2 3.6-5.2 7.6-5.2 23.6-4.8 48 6 62 27.2 12.4 19.2 12.4 43.6 0.8 62.8l64 96.4c3.2 4 4.4 10.4 2.8 15.6-0.8 5.6-4 10.4-8.8 13.2l-15.6 9.2c-4.8 2.4-8.4 3.2-11.6 3.2z m-76.8-112.4l61.2 101.2c2 4 6 6.4 10.8 7.2h5.2c2.4 0 5.6-0.8 10-2.4l15.2-9.2c4-2 6.4-6 7.2-10.8 1.2-4 0-9.6-2.4-12.4L408 476.8l0.8-1.2c11.6-18 11.6-41.6 0-59.6-13.2-20-36-29.6-58.4-25.2-2 0-3.6 2-4.8 4l-0.4 0.4-0.4 0.4c-0.4 0.4-0.8 0.8-0.8 1.2 0 0.8 0.4 2 1.6 3.2l0.4 0.4 20 31.2-20.4 12.8-19.2-33.6c-0.8-1.6-1.6-2.4-5.6-2.4-1.6 0-3.2 0.8-5.2 1.6l-0.8 0.4c-14.8 19.6-16 45.6-3.2 65.2 11.6 18 32.8 28.8 54 26.8l0.4-0.4z" fill="#3F51B5" ></path><path d="M763.2 770.8c-3.6 0-7.2-1.6-10-4.4l-43.2-43.2c-14.8 10-31.6 14.8-49.2 14.8-48 0-87.2-39.2-87.2-87.2s38.8-87.2 86.8-87.2 87.2 39.2 87.2 87.2c0 17.6-5.2 34.4-14.8 49.2l43.2 43.2c2.8 2.4 4.4 5.6 4.4 9.6 0 3.6-1.2 7.2-3.2 10l-3.6 3.6c-3.2 2.8-6.8 4.4-10.4 4.4z m-6.4-6.4c4 3.2 9.6 3.2 13.2-0.4-4 3.6-9.2 3.6-13.2 0.4z m-46-51.6l48 48c2.4 2.4 6 2.4 8.4 0l3.2-3.2c0.8-0.8 1.2-2.8 1.2-4.4 0-1.6-0.8-3.2-1.6-4l-48.4-48.4 2-2.8c10.4-14.4 15.2-30.4 15.2-47.6 0-43.6-35.6-79.2-79.2-79.2-43.2 0-78.8 35.6-78.8 79.2s35.6 79.2 79.2 79.2c17.2 0 33.2-5.2 47.6-15.2l3.2-1.6z m62.8 47.2l-0.4 0.4 0.4-0.4z m-0.4-13.6c1.2 1.2 2.4 3.2 2.4 5.2 0-2-0.8-3.6-2.4-5.2zM730.8 704l42.4 42.4-42.4-42.4z m-153.6-53.2c0 46 37.2 83.2 83.2 83.2-45.6 0-83.2-37.2-83.2-83.2z m83.6 83.2z m0 0z m0 0z m0 0z m0 0z m0.4 0z m0 0z m0 0z m0 0z m0 0z m0 0z m40-10.4z m9.2-5.6c-3.2 2-6 4-9.2 6 2.8-1.6 5.2-3.2 8-4.8l1.2-1.2z m16.8-17.6l0.8-1.2c3.2-4.8 6-9.6 8-14.4-2 5.2-5.2 10.4-8.8 15.6z m9.2-15.6z m6.8-33.2z m0 0z m0 0z m0-0.4z m0 0z m0 0z m0 0z m0 0z m0 0z m0 0z m0-0.4c0 0.4 0 0.4 0 0 0 0.4 0 0.4 0 0z m0 0z m0 0z m0 0z m0 0z m0 0z m-82.4 62.4c-34.4 0-62.4-28-62.4-62.4s28-62.4 62.4-62.4 62.4 28 62.4 62.4-28 62.4-62.4 62.4z m-58.8-62.4c0 32.4 26.4 58.4 58.4 58.4 32.4 0 58.4-26.4 58.4-58.4 0 32.4-26.4 58.4-58.4 58.4s-58.4-26.4-58.4-58.4z m58.8-54.4c-30 0-54.4 24.4-54.4 54.4s24.4 54.4 54.4 54.4 54.4-24.4 54.4-54.4-24.4-54.4-54.4-54.4z m-3.2 105.2c-6.4 0-13.2-1.2-20-3.6-4.4-1.6-7.2-3.2-9.6-5.2-2.8-2-5.6-4.4-8-6.4-2-2-3.2-5.2-3.2-8.4s1.2-6 3.2-8.4c5.2-4 12-4 16.4 0 0.8 0.4 1.6 1.2 2.4 2 0.8 0.8 1.6 1.2 2.4 2 10 6.4 22.4 6.4 32.4 0 2-1.2 3.6-2.4 4.8-3.6 4-4 11.6-4 15.6 0 4.4 5.2 4 12.4 0 16.4-2 2-4.8 4.4-7.6 6.4-8.4 6-18.4 8.8-28.8 8.8z m-28.8-30.8c-2 0-4 0.8-6 2-1.2 1.2-2 3.2-2 5.2s0.8 4 2 5.2c2 2 4.8 4 7.2 6 2.4 2 5.2 3.2 8.8 4.8 6 2.4 12.4 3.2 18.4 3.2 9.6 0 18.8-2.8 26.8-8 2.4-2 5.2-4 7.2-6 2.8-2.8 2.8-7.6 0-10.8-2.4-2.4-7.2-2.4-10 0-1.2 1.2-3.2 2.8-5.2 4-11.6 7.6-25.6 7.6-36.8 0-0.8-0.8-1.6-1.2-2.4-2-0.8-0.8-1.6-1.2-2.4-2l-0.4-0.4c-1.6-0.4-3.2-1.2-5.2-1.2z m-55.2 24.4H302.4c-34.4 0-62.4-28-62.4-62.4V370.4C240 336 268 308 302.4 308H672c18 0 34 6.8 46 19.2 11.2 11.6 17.2 27.2 16.4 43.6v216.8l-6.8-6.4c-10-9.2-20.4-16-30.8-20l-2.4-0.8V370.4c0-10-8.4-20.8-20.8-20.8H304c-10 0-20.8 8.4-20.8 20.8v262c0 10 8.4 20.8 20.8 20.8h259.2l0.4 3.6c0.8 11.6 3.2 22.4 7.6 32l2.4 6.4zM244 632.4c0 32.4 26.4 58.4 58.4 58.4h264.8l-1.2-2.4 1.2 2.4H302.4c-32 0.4-58.4-26-58.4-58.4zM302.4 316C272.4 316 248 340.4 248 370.4v262c0 30 24.4 54.4 54.4 54.4h258.8c-3.2-8-4.8-16.4-5.6-25.6H304c-15.6 0-28.8-13.2-28.8-28.8V370.4c0-15.6 13.2-28.8 28.8-28.8h369.6c15.6 0 28.8 13.2 28.8 28.8v184c8.4 3.6 16.4 8.4 24.4 14.8V370.4c0.4-14-4.4-27.6-14-37.6-10.4-10.8-24.8-16.8-40.4-16.8H302.4z m256.8 341.6v0z m-280.4-24.8c0 6.8 2.8 12.8 7.6 17.6-4.8-5.2-7.6-11.6-7.6-17.6z m0-0.4c0 0.4 0 0.4 0 0 0 0.4 0 0 0 0z m0-262v262-262z m448.8 205.2c1.2 0.8 2 1.6 2.8 2.8v-208c0.4-14-4-27.2-12.8-38 8.8 10.4 13.6 24 12.8 38v207.6l-2.8-2.4z m-29.2-18.4c0.4 0 0.8 0.4 0.8 0.4l-0.8-0.4z m0-186.8z m-7.6-17.6c4.8 4.8 7.6 11.2 7.6 17.6 0-6.8-2.8-12.8-7.6-17.6z m-387.2-7.2c-6.8 0-12.8 2.8-17.6 7.6 5.2-4.8 11.6-7.6 17.6-7.6z m0 0z m0.4 0h369.6H304z m338.8 278c-4.8 0-9.2-2.8-10.8-6.8-1.2-3.2-1.2-6 0-8.8 1.2-3.2 3.2-5.6 6.4-6.4 2-1.2 5.2-2 7.6-2.4l1.2-0.4c4-0.8 6.8-0.8 10.4-0.8 3.6 0 6.4 0 10 0.8l1.6 0.4c2.8 0.8 5.6 1.2 8.4 2.8 2.8 0.8 4.8 3.2 6 6.4 0.8 2.8 0.8 5.6 0 8.4l-0.4 0.4c-3.2 5.6-9.2 8-14.8 6l-0.8-0.4c-0.8-0.4-1.6-0.8-2.8-1.2-0.8 0-1.6-0.4-2.4-0.8-1.2-0.4-2.8-0.4-4.8-0.4-2.4 0-4 0-5.6 0.4l-6 2c-0.4 0.4-1.6 0.8-3.2 0.8z m15.2-7.2c2 0 4 0 6 0.8 0.8 0.4 1.2 0.4 2 0.4 1.2 0.4 2.8 0.4 4 1.6h0.4c3.6 1.2 7.6-0.4 10-4 0.4-2 0.4-4 0-6-0.8-2-2-3.2-3.6-4-2.4-1.2-5.2-2-7.6-2.4l-1.6-0.4c-3.2-0.8-6-0.8-9.2-0.8s-6 0-9.6 0.8l-1.2 0.4c-2.4 0.4-5.2 1.2-7.2 2.4-2.4 0.8-3.6 2-4.4 4-0.8 2-0.8 4 0 6 1.2 3.2 6 5.2 9.2 4l6-2c2-0.8 4-0.8 6.8-0.8z m-215.2 0h-5.2c-6.8-0.8-12.4-4.8-15.6-10l-59.2-98c-22.4 1.2-44.8-10.4-56.8-29.6-14.4-21.6-13.2-50.8 3.6-72.4l0.8-0.8 1.6-0.8c2.4-1.2 4.8-2.4 8-2.4 4.4 0 8.4 0.8 10.8 5.6l16 28 10-6.4-16.4-26c-2-2-3.2-5.2-2.8-7.6 0.4-2 1.6-3.6 3.2-4.8 1.2-1.6 4.4-5.6 8.8-5.6 24-4.8 49.2 6 64 28 12.4 19.2 12.8 44.4 1.6 64l63.2 95.2c3.6 4.4 4.8 11.6 3.2 17.6-0.8 5.6-4.8 11.6-10 14.4l-15.2 9.2c-6.4 1.6-10 2.4-13.6 2.4z m-69.2-98l52 86c2.4 4.4 7.2 7.2 12.4 8-5.2-0.8-10-3.6-12.4-8l-52-86z m77.2 92.4c-3.2 1.2-5.6 1.6-7.6 1.6 2 0 4.4-0.4 7.6-1.6zM367.2 500l61.6 102.4c2 3.2 5.2 5.6 9.2 6h4.8c2 0 5.2-0.8 9.2-2.4l14.8-9.2c3.2-2 5.6-5.2 6-9.2 1.2-3.6 0-8.4-2-11.2l-66-100 1.6-2c11.2-17.6 11.2-40 0-57.6-12.8-19.2-34.8-28.8-56.4-24.4-1.6 0-3.2 2.4-3.6 2.8l-0.4 0.8-0.8 0.4c0 0.4 0.4 0.8 0.8 1.2l0.4 0.4 21.2 33.2-23.6 15.2-20.4-35.2c-0.4-0.8-0.8-1.2-4-1.2-1.2 0-2.4 0.4-4.4 1.6l-0.4 0.4c-14 18.8-15.2 44-2.8 62.4 11.2 17.6 31.6 27.6 52 25.6h3.2z m102 100.4z m0.4-0.4l-0.4 0.4 0.4-0.4z m0.4 0s-0.4 0 0 0c-0.4 0 0 0 0 0z m0 0z m-53.2-112.8l57.6 87.2c2.8 3.6 4 9.6 2.4 14.4 0 0.8-0.4 1.6-0.4 2.4 0.4-0.8 0.4-1.6 0.4-2.4 1.2-4.8 0.4-10.8-2.4-14.4l-57.6-87.2z m-52 17.2h-2.4 2.4z m45.2-27.6l0.4 0.4-0.4-0.4 0.4-0.8s-0.4 0.4-0.4 0.8z m-97.6-68c-14.8 19.6-16.8 45.6-4.8 65.6-11.6-20-10-45.6 4.8-65.6z m14.8 0.4l11.6 20.4-11.2-19.6-0.4-0.8z m16-8.8l17.6 27.6-17.6-27.6z m17.6-12.8c18.4 0 36.4 9.2 48 25.2-12.4-17.2-32-26.4-51.6-25.2h3.6z m-48.4 21.2l1.2-0.8h0l-1.2 0.8z m10.8-2.4c1.6 0.4 2.8 1.2 3.6 2.4-0.8-1.2-2-2-3.6-2.4z m-3.2-0.4z m25.6-15.2c-0.8 0.8-1.6 2-2 2.4l-0.8 0.4c-0.8 0.4-1.6 1.2-1.6 2.4 0 0.8 0 1.6 0.4 2.4-0.4-0.8-0.4-1.6-0.4-2.4 0-1.2 0.8-2 2-2.4 0.8-1.2 1.6-2 2.4-2.8z" fill="#FFFFFF" ></path></symbol><symbol id="iconelasticsearchElasticsearch" viewBox="0 0 1024 1024"><path d="M128 507.733333c0 42.666667 4.266667 89.6 19.2 128h290.133333c10.666667-42.666667 14.933333-78.933333 14.933334-123.733333 0-40.533333-4.266667-83.2-14.933334-123.733333H142.933333C134.4 426.666667 128 462.933333 128 507.733333z m582.4-119.466666H490.666667c10.666667 36.266667 14.933333 78.933333 14.933333 123.733333s-4.266667 78.933333-14.933333 123.733333h219.733333c68.266667 0 121.6-53.333333 121.6-123.733333s-53.333333-123.733333-121.6-123.733333zM172.8 330.666667h249.6c-29.866667-64-64-123.733333-102.4-170.666667-64 42.666667-119.466667 100.266667-147.2 170.666667z m580.266667 0c64 0 117.333333-25.6 155.733333-68.266667C832 153.6 701.866667 85.333333 554.666667 85.333333c-72.533333 0-132.266667 17.066667-192 49.066667 49.066667 53.333333 83.2 121.6 108.8 192l281.6 4.266667z m-586.666667 362.666666h249.6c-25.6 64-57.6 121.6-102.4 164.266667-57.6-36.266667-113.066667-93.866667-147.2-164.266667z m588.8 0c64 0 117.333333 25.6 155.733333 68.266667C832 868.266667 695.466667 938.666667 554.666667 938.666667c-72.533333 0-132.266667-21.333333-192-46.933334 49.066667-53.333333 83.2-123.733333 108.8-192l283.733333-6.4z" fill="#4D3CFF" ></path></symbol><symbol id="icon511tongji_shutu" viewBox="0 0 1024 1024"><path d="M448 576h326.4c12.8 38.4 51.2 64 89.6 64 51.2 0 96-44.8 96-96s-44.8-96-96-96c-44.8 0-76.8 25.6-89.6 64H448V192h326.4c12.8 38.4 51.2 64 89.6 64 51.2 0 96-44.8 96-96s-44.8-96-96-96c-44.8 0-76.8 25.6-89.6 64H384v384H185.6c-12.8-38.4-44.8-64-89.6-64-51.2 0-96 44.8-96 96s44.8 96 96 96c44.8 0 76.8-25.6 89.6-64H384v384h390.4c12.8 38.4 51.2 64 89.6 64 51.2 0 96-44.8 96-96s-44.8-96-96-96c-44.8 0-76.8 25.6-89.6 64H448V576z" fill="" ></path></symbol><symbol id="iconfenxiang1" viewBox="0 0 1024 1024"><path d="M220.578951 413.547494a107.866009 107.866009 0 1 1-107.683186 107.866009 107.866009 107.866009 0 0 1 107.683186-107.866009m0-73.129498a180.995507 180.995507 0 1 0 181.726802 180.995507 180.812684 180.812684 0 0 0-180.812684-180.995507zM751.316282 815.576909a67.644786 67.644786 0 1 1-67.461962 67.461962 67.644786 67.644786 0 0 1 67.461962-67.461962m0-73.129498a140.774284 140.774284 0 1 0 140.774284 140.59146 140.59146 140.59146 0 0 0-140.774284-140.59146zM843.642273 73.129681a67.644786 67.644786 0 1 1-67.644785 67.644785 67.644786 67.644786 0 0 1 67.644785-67.644785m0-73.129498a140.774284 140.774284 0 1 0 140.59146 140.774283A140.774284 140.774284 0 0 0 843.642273 0.000183z"  ></path><path d="M282.519635 654.81999l40.221224-69.655847L711.277882 809.470596l-40.221224 69.655846zM294.64085 420.750749L734.752451 167.814098l40.221224 69.98493L334.843791 490.735679z"  ></path></symbol><symbol id="iconfenxiang2" viewBox="0 0 1024 1024"><path d="M711.9 959.9c-10.8 0-21.5-3.3-30.7-9.7L495.3 820.9c-1.5-1-3.5-0.9-4.8 0.4l-72 68.4c-16.2 15.4-39.7 19.2-59.8 9.7-20.2-9.4-32.3-29.9-30.9-52.2l9-141.8c0.8-12.1 5.7-23.8 13.9-32.8l216-237.8c9.3-10.2 25.1-11 35.3-1.7 10.2 9.3 11 25.1 1.7 35.3l-216 237.8c-0.6 0.6-0.9 1.5-1 2.3l-9 141.8c0 0.8-0.2 2.6 2.2 3.7 2.4 1.1 3.7-0.2 4.2-0.7l72-68.4c18.4-17.5 46.9-19.7 67.8-5.2l185.9 129.4c1.1 0.8 2.4 0.9 3.6 0.4 1.3-0.5 2.1-1.5 2.3-2.8L858.2 140c0.1-0.6 0.4-2.3-1.5-3.7-1.9-1.4-3.4-0.7-4-0.4l-745.9 372c-0.5 0.2-2 1-2.1 3.2-0.1 2.2 1.3 3.1 1.8 3.4l198 123.2c11.7 7.3 15.3 22.7 8 34.4s-22.7 15.3-34.4 8L80 557c-16.5-10.3-26.2-28.8-25.3-48.2 0.9-19.5 12.3-36.9 29.7-45.6l745.9-372c18.4-9.2 40-7.2 56.4 5.2s24.3 32.6 20.5 52.8L764.9 915.9c-3.4 18-15.5 33-32.5 40-6.6 2.7-13.6 4-20.5 4z"  ></path></symbol><symbol id="iconfenxiang_2" viewBox="0 0 1024 1024"><path d="M779.636364 954.181818h-535.272728A174.778182 174.778182 0 0 1 69.818182 779.636364v-535.272728A174.778182 174.778182 0 0 1 244.363636 69.818182H512a34.909091 34.909091 0 0 1 0 69.818182H244.363636A104.96 104.96 0 0 0 139.636364 244.363636v535.272728a104.96 104.96 0 0 0 104.727272 104.727272h535.272728a104.96 104.96 0 0 0 104.727272-104.727272V512a34.909091 34.909091 0 0 1 69.818182 0v267.636364a174.778182 174.778182 0 0 1-174.545454 174.545454z"  ></path><path d="M500.363636 558.545455a35.141818 35.141818 0 0 1-24.669091-10.24 34.676364 34.676364 0 0 1 0-49.338182l418.909091-418.909091a34.909091 34.909091 0 0 1 49.338182 49.338182l-418.909091 418.909091a35.141818 35.141818 0 0 1-24.669091 10.24z"  ></path><path d="M919.272727 139.636364h-186.181818a34.909091 34.909091 0 0 1 0-69.818182h186.181818a34.909091 34.909091 0 0 1 0 69.818182z"  ></path><path d="M919.272727 325.818182a34.909091 34.909091 0 0 1-34.909091-34.909091v-186.181818a34.909091 34.909091 0 0 1 69.818182 0v186.181818a34.909091 34.909091 0 0 1-34.909091 34.909091z"  ></path></symbol><symbol id="iconNMStubiao-" viewBox="0 0 1024 1024"><path d="M507.2 152c9.1 0 17.8-3.6 24.2-10 6.4-6.4 10-15.1 10-24.2V49.1c0-18.9-15.3-34.3-34.3-34.3s-34.3 15.3-34.3 34.3v68.6c0.1 18.9 15.5 34.3 34.4 34.3zM100 273.2c13.5 13 34.8 12.8 48.1-0.4 13.2-13.2 13.4-34.6 0.4-48.1L100 176.2c-13.5-13-34.8-12.8-48.1 0.4-13.2 13.2-13.4 34.6-0.4 48.1l48.5 48.5z m871.2-62.7c-13.4-13.4-35.1-13.4-48.5 0L874.3 259c-13 13.5-12.8 34.8 0.4 48.1 13.2 13.2 34.6 13.4 48.1 0.4l48.5-48.5c13.3-13.4 13.3-35.1-0.1-48.5z m-35.5 729.9h-51.4v-377c0-208.3-168.8-377.1-377.1-377.1S130.1 355.1 130.1 563.4v377.1H78.7c-18.9 0-34.3 15.3-34.3 34.3s15.3 34.3 34.3 34.3h857c18.9 0 34.3-15.3 34.3-34.3s-15.4-34.4-34.3-34.4z m-394.2 0V803.3c0-18.9-15.3-34.3-34.3-34.3s-34.3 15.3-34.3 34.3v137.1H198.7v-377c0-170.4 138.1-308.5 308.5-308.5S815.7 393 815.7 563.4v377.1H541.5z m0 0" fill="#1296DB" ></path><path d="M531.4 354.3l-128 200.9c-2.1 3.3 0.3 7.6 4.2 7.6h102.6c3 0 5.4 2.7 4.9 5.7l-23.5 141.2c-0.9 5.3 6.1 8 9 3.5l128-200.9c2.1-3.3-0.3-7.6-4.2-7.6H521.8c-3 0-5.4-2.7-4.9-5.7l23.5-141.2c0.9-5.3-6.1-8-9-3.5z" fill="#1296DB" ></path></symbol><symbol id="iconwanchenganquanshijian" viewBox="0 0 1024 1024"><path d="M237.17 310.82h434.66v50H237.17zM237.17 479.29h221.75v50H237.17z"  ></path><path d="M802.18 574.42a396.32 396.32 0 0 0 8.82-83.11V233.37L441.47 66.54 98 233.37V500a395.92 395.92 0 0 0 154.1 313.47l189.37 146.09L566 870.27a197.7 197.7 0 0 0 163.39 86.19c109.31 0 197.93-88.62 197.93-197.93a198 198 0 0 0-125.14-184.11zM442.75 886.67L287.82 767.15A337.36 337.36 0 0 1 156.5 500V270l285.88-138.87 310.12 140v220.18a336.57 336.57 0 0 1-7.37 69.91q-7.8-0.62-15.75-0.62c-109.31 0-197.93 88.61-197.93 197.93a197.89 197.89 0 0 0 8.72 58.28zM834 863.13a147.92 147.92 0 0 1-209.2 0 149.48 149.48 0 0 1-18.16-22 146.23 146.23 0 0 1-22.74-55.67 149.64 149.64 0 0 1-2.43-26.94A147.92 147.92 0 0 1 729.38 610.6h1.29A147.92 147.92 0 0 1 834 863.13z"  ></path><path d="M802.36 684.26l-95.49 95.5-50.47-50.47-35.36 35.35 85.83 85.83 130.85-130.85-35.36-35.36z"  ></path></symbol><symbol id="iconeventbridgexiaoxishijianzongxian" viewBox="0 0 1024 1024"><path d="M874.666667 709.973333V276.053333L704 106.666667H467.2v1.493333L529.706667 170.666667h149.333333L810.666667 304V682.666667h-10.666667a117.12 117.12 0 0 0-56.746667 14.72L640 592.64l35.413333-126.08-117.12-117.12L431.36 384l-102.4-102.4a117.333333 117.333333 0 1 0-200.96 5.76v460.586667h1.28L298.666667 917.333333h256l-64-64h-164.906667L192 720v-384a123.093333 123.093333 0 0 0 34.56 5.12 116.693333 116.693333 0 0 0 55.893333-14.08l102.186667 101.973333-35.84 128 117.12 117.12 128-35.84 103.68 103.68a117.333333 117.333333 0 1 0 177.066667-32zM173.866667 224a53.333333 53.333333 0 1 1 106.666666 0 53.333333 53.333333 0 0 1-106.666666 0z m247.253333 314.666667L448 448l91.733333-25.813333 64 64-25.813333 91.946666-91.733333 25.6-65.066667-65.066666z m426.666667 288A53.333333 53.333333 0 0 1 800.426667 853.333333a50.346667 50.346667 0 0 1-26.453334-7.253333 53.333333 53.333333 0 1 1 72.746667-19.413333h1.066667z" fill="#2B85FB" ></path></symbol><symbol id="iconshu" viewBox="0 0 1024 1024"><path d="M448.84 880.29H175.37c-20.14 0-36.46-16.33-36.46-36.46 0-20.14 16.33-36.46 36.46-36.46h273.48c20.14 0 36.46 16.33 36.46 36.46 0 20.14-16.33 36.46-36.47 36.46zM448.84 588.58H175.37c-20.14 0-36.46-16.33-36.46-36.46 0-20.14 16.33-36.46 36.46-36.46h273.48c20.14 0 36.46 16.33 36.46 36.46 0 20.14-16.33 36.46-36.47 36.46z"  ></path><path d="M138.9 843.83V296.88c0-20.14 16.33-36.46 36.46-36.46 20.14 0 36.46 16.33 36.46 36.46v546.95c0 20.14-16.33 36.46-36.46 36.46-20.13 0-36.46-16.32-36.46-36.46z"  ></path><path d="M211.83 348.16H138.9c-40.11 0-72.93-32.82-72.93-72.93V202.3c0-40.11 32.82-72.93 72.93-72.93h72.93c40.11 0 72.93 32.82 72.93 72.93v72.93c0 40.11-32.82 72.93-72.93 72.93zM922.87 625.05H605.12c-20.05 0-36.46-16.41-36.46-36.46v-72.93c0-20.05 16.41-36.46 36.46-36.46h317.75c20.05 0 36.46 16.41 36.46 36.46v72.93c0 20.05-16.41 36.46-36.46 36.46zM921.67 311.69h-508.1c-20.71 0-37.66-16.95-37.66-37.66V203.5c0-20.71 16.95-37.66 37.66-37.66h508.1c20.71 0 37.66 16.95 37.66 37.66v70.54c0 20.71-16.94 37.65-37.66 37.65zM922.87 916.76H605.12c-20.05 0-36.46-16.41-36.46-36.46v-72.93c0-20.05 16.41-36.46 36.46-36.46h317.75c20.05 0 36.46 16.41 36.46 36.46v72.93c0 20.05-16.41 36.46-36.46 36.46z"  ></path></symbol><symbol id="iconshebeiguanji" viewBox="0 0 1024 1024"><path d="M704 736a32 32 0 1 1 3.744 63.776L704 800H320a31.968 31.968 0 0 1-3.744-63.776L320 736h384z m32-512a95.872 95.872 0 0 1 95.84 90.368L832 320v288a95.872 95.872 0 0 1-90.336 95.84L736 704H288a95.872 95.872 0 0 1-95.84-90.336L192 608v-288a95.872 95.872 0 0 1 90.336-95.84L288 224h448z m0 64H288a31.968 31.968 0 0 0-31.776 28.256L256 320v288a32 32 0 0 0 28.256 31.808L288 640h448a31.968 31.968 0 0 0 31.776-28.256L768 608v-288a32 32 0 0 0-28.256-31.776L736 288z m-286.624 91.968a24.32 24.32 0 0 1 2.048 34.72 63.328 63.328 0 0 0-16.512 42.752c0 35.52 29.344 64.32 65.536 64.32 36.16 0 65.504-28.8 65.504-64.32 0-15.904-5.824-30.816-16.32-42.496a24.32 24.32 0 0 1 2.304-34.72 25.408 25.408 0 0 1 35.36 2.24 112 112 0 0 1 28.8 74.976c0 62.72-51.776 113.536-115.648 113.536-63.904 0-115.68-50.848-115.68-113.536a112 112 0 0 1 29.216-75.424 25.408 25.408 0 0 1 35.392-2.048z m51.296-40.32c12.704 0 23.168 9.216 24.832 21.248l0.224 3.36V422.4c0 13.632-11.2 24.608-25.056 24.608a24.896 24.896 0 0 1-24.832-21.248l-0.224-3.36v-58.112c0-13.632 11.2-24.608 25.056-24.608z" fill="#000000" ></path></symbol><symbol id="iconhaofangtuo400iconfontduanxin" viewBox="0 0 1024 1024"><path d="M348.16 506.88m-40.96 0a40 40 0 1 0 81.92 0 40 40 0 1 0-81.92 0Z"  ></path><path d="M512 506.88m-40.96 0a40 40 0 1 0 81.92 0 40 40 0 1 0-81.92 0Z"  ></path><path d="M675.84 506.88m-40.96 0a40 40 0 1 0 81.92 0 40 40 0 1 0-81.92 0Z"  ></path><path d="M879.387648 374.088704c-20.342784-40.297472-49.386496-76.422144-86.327296-107.370496C717.819904 203.677696 618.00448 168.96 512 168.96s-205.819904 34.717696-281.061376 97.758208c-36.939776 30.949376-65.984512 67.074048-86.327296 107.370496C123.39712 416.11264 112.64 460.78976 112.64 506.88c0 49.606656 12.394496 97.39776 36.841472 142.045184 21.1712 38.665216 50.282496 73.055232 86.662144 102.404096L195.67616 868.852736c-2.697216 7.832576-0.4096 16.51712 5.793792 22.006784 3.823616 3.383296 8.67328 5.141504 13.574144 5.141504 3.049472 0 6.119424-0.68096 8.974336-2.072576l145.844224-71.133184C415.199232 837.399552 462.973952 844.8 512 844.8c106.00448 0 205.819904-34.717696 281.061376-97.758208 36.939776-30.949376 65.984512-67.074048 86.327296-107.370496C900.60288 597.64736 911.36 552.97024 911.36 506.88S900.60288 416.11264 879.387648 374.088704zM512 803.84c-47.425536 0-93.503488-7.565312-136.951808-22.486016-5.13024-1.76128-10.753024-1.416192-15.630336 0.96256L250.50112 835.438592l29.14304-84.635648c2.902016-8.426496 0.021504-17.762304-7.124992-23.088128-37.219328-27.739136-66.527232-60.865536-87.110656-98.459648C164.301824 590.705664 153.6 549.533696 153.6 506.88c0-163.743744 160.77824-296.96 358.4-296.96s358.4 133.216256 358.4 296.96S709.62176 803.84 512 803.84z"  ></path></symbol><symbol id="iconnavicon-ywcs" viewBox="0 0 1024 1024"><path d="M928.768 1013.76H138.752c-14.336 0-25.6-11.264-25.6-25.6V46.08c0-14.336 11.264-25.6 25.6-25.6h790.016c14.336 0 25.6 11.264 25.6 25.6v942.08c0 14.336-11.264 25.6-25.6 25.6zM164.352 962.56h738.816V71.68H164.352v890.88z"  ></path><path d="M623.616 573.44c-67.072 0-121.344-54.272-121.344-121.344s54.272-121.344 121.344-121.344 121.344 54.272 121.344 121.344-54.272 121.344-121.344 121.344z m0-191.488c-38.912 0-70.144 31.232-70.144 70.144s31.232 70.144 70.144 70.144 70.144-31.232 70.144-70.144-31.232-70.144-70.144-70.144zM442.88 849.92c-67.072 0-121.344-54.272-121.344-121.344s54.272-121.344 121.344-121.344 121.344 54.272 121.344 121.344S509.952 849.92 442.88 849.92z m0-191.488c-38.912 0-70.144 31.232-70.144 70.144S403.968 798.72 442.88 798.72s70.144-31.232 70.144-70.144-31.232-70.144-70.144-70.144z"  ></path><path d="M516.608 477.696H279.552c-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6h237.056c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6zM787.456 754.176h-237.056c-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6h237.056c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6zM787.456 472.064h-28.672c-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6h28.672c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6zM307.712 754.176h-28.16c-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6h28.16c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6zM646.144 201.216H420.352c-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6h225.792c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6z"  ></path></symbol><symbol id="iconliebiao" viewBox="0 0 1024 1024"><path d="M255.3 137.3c-59 0-107 48-107 107s48 107 107 107 107-48 107-107-48-107-107-107z m0 167.9c-33.6 0-61-27.4-61-61s27.4-61 61-61 61 27.4 61 61-27.4 61-61 61zM427.3 221.2h448.4v46H427.3zM255.3 417.6c-59 0-107 48-107 107s48 107 107 107 107-48 107-107-48-107-107-107z m0 168c-33.6 0-61-27.4-61-61s27.4-61 61-61 61 27.4 61 61-27.4 61-61 61zM427.3 501.6h448.4v46H427.3zM255.3 672.8c-59 0-107 48-107 107s48 107 107 107 107-48 107-107-48-107-107-107z m0 167.9c-33.6 0-61-27.4-61-61s27.4-61 61-61 61 27.4 61 61-27.4 61-61 61zM427.3 756.8h448.4v46H427.3z"  ></path></symbol><symbol id="iconbianji" viewBox="0 0 1024 1024"><path d="M448.352 762.6624a26.5664 26.5664 0 0 1-10.5664 10.8224l-89.152 49.472c-12.192 6.7648-26.9888 2.3424-33.0496-9.8752a25.0048 25.0048 0 0 1-2.5792-10.688l-1.728-101.952c-0.0896-5.248 1.408-10.2912 4.0832-14.56l0.4736-0.8512 268.8-465.5744a25.6 25.6 0 0 1 34.9696-9.3696l88.6848 51.2a25.6 25.6 0 0 1 9.3696 34.9696l-268.8 465.5744a26.0544 26.0544 0 0 1-0.5056 0.832z m240.3648-653.088l72.0576 41.6a35.2 35.2 0 0 1 12.8832 48.0832l-12.8 22.1696a35.2 35.2 0 0 1-48.0832 12.8896l-72.0576-41.6a35.2 35.2 0 0 1-12.8832-48.0896l12.8-22.1696a35.2 35.2 0 0 1 48.0832-12.8832zM160 864h691.2a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64z" fill="#59AAFF" ></path></symbol><symbol id="iconyoujian" viewBox="0 0 1248 1024"><path d="M943.61842742 223.61692546H285.90581649c-4.06963056 0-8.55526778 0.75966468-13.4870578 2.25487685l342.33130503 274.54030086 342.33130431-274.54030086c-4.93178931-1.49521216-9.41742653-2.25487685-13.48705707-2.25487685h0.02411646z m41.08819716 535.57545712V309.21181013L640.43395531 585.38599229c-7.25901555 6.02908233-15.83839979 9.02553632-25.68389159 9.02553632-9.83946286 0-18.41884711-2.99645401-25.68389159-9.02553632L244.78144425 309.21181013V759.19238258c0 11.37687903 4.03345623 21.05958523 12.04610678 29.15664305 8.0789703 8.0186795 17.72550289 12.05816537 29.07826546 12.05816537h657.71261093c11.34673362 0 21.0414977-4.03948514 29.06017719-12.05816537 8.0608835-8.09705783 12.07625218-17.77976403 12.07625219-29.15664305h-0.04823222zM285.88170002 141.21142578h657.71261094c34.01608369 0 63.1064063 12.07022324 87.19861984 36.20464081C1054.87308648 201.562542 1066.9071354 230.69506859 1066.9071354 264.80761742v494.38476516c0 34.10049096-12.0340489 63.24507543-36.1142046 87.39155084-24.09221356 24.13441756-53.18253687 36.20464081-87.19861984 36.2046408H285.88170002c-34.04020014 0-63.12449382-12.07022324-87.19862056-36.2046408C174.59086589 822.437458 162.54475911 793.29287353 162.54475911 759.19238258v-494.38476516c0-34.11254883 12.04610678-63.24507543 36.13832034-87.39155084C222.76323513 153.28164902 251.84149987 141.21142578 285.88170002 141.21142578z"  ></path></symbol><symbol id="iconshejiaodingding" viewBox="0 0 1024 1024"><path d="M824.5 411.1c-1.4 5.8-4.8 14.4-9.6 24.7h0.1l-0.6 1c-27.9 59.8-100.7 177-100.7 177s-0.1-0.3-0.4-0.7L692 650.2h102.6L598.8 911l44.5-177.5h-80.7l28-117.4c-22.7 5.5-49.5 13-81.3 23.2 0 0-43 25.2-123.8-48.5 0 0-54.5-48.1-22.9-60.1 13.4-5.1 65.2-11.6 106-17.1 55.1-7.5 89-11.4 89-11.4s-169.8 2.5-210.1-3.8c-40.3-6.3-91.4-73.7-102.3-132.9 0 0-16.8-32.5 36.2-17.1 53 15.4 272.6 59.9 272.6 59.9s-285.6-87.7-304.6-109.1c-19-21.4-55.9-116.8-51.1-175.4 0 0 2.1-14.6 17-10.7 0 0 211.1 96.6 355.5 149.5 144.4 53.1 269.9 80 253.7 148.5z m0 0"  ></path></symbol><symbol id="iconzidianguanli" viewBox="0 0 1024 1024"><path d="M371.2 486.4s6.4 6.4 0 0c6.4 6.4 6.4 6.4 0 0zM652.8 377.6s0-6.4 0 0c0-6.4 0-6.4 0 0 0-6.4 0-6.4 0 0zM928 966.4c-32 0-57.6-25.6-57.6-57.6v-57.6c6.4 0 19.2-6.4 38.4-19.2 19.2-19.2 19.2-32 19.2-38.4V76.8c0-25.6-12.8-44.8-25.6-51.2-6.4-12.8-25.6-25.6-51.2-25.6h-672C115.2 0 64 51.2 64 115.2v787.2c0 64 51.2 115.2 115.2 115.2H928c19.2 0 32-12.8 32-32s-12.8-19.2-32-19.2z m-734.4-16.8c-30.4 0-55.2-13.6-55.2-44v-5.6c0-46.4 18.4-46.4 30.4-46.4H792v52c0 17.6 6.4 26.4 12 44H193.6z m660-184.8l-12 12h-672c-12 0-24.8 0-30.4 6.4V129.6c0-30.4 24.8-55.2 55.2-55.2h641.6c6.4 0 18.4 12 18.4 18.4l-0.8 672z"  ></path><path d="M498.4 342.4c-48 0-86.4 38.4-86.4 86.4s38.4 86.4 86.4 86.4c47.2-0.8 86.4-39.2 87.2-86.4-0.8-48-39.2-86.4-87.2-86.4z m-0.8 116c-16.8 0-29.6-12.8-30.4-29.6v-0.8c0-16.8 13.6-30.4 30.4-30.4 16.8 0 30.4 13.6 30.4 29.6 0 17.6-13.6 31.2-30.4 31.2z"  ></path><path d="M682.4 416l44-53.6-4.8-12-4.8-12c-4-8.8-7.2-17.6-11.2-23.2-5.6-12-12.8-23.2-22.4-32.8l-8.8-8.8-68 9.6c-10.4 0.8-20-4.8-24-14.4L560 206.4l-12.8-1.6c-33.6-7.2-68-7.2-101.6 0l-12 1.6-24 64c-4 8-12.8 13.6-21.6 13.6h-1.6l-64-12-8.8 8.8c-18.4 20.8-32 45.6-41.6 72l-4.8 11.2 44 52.8c5.6 7.2 5.6 16.8 0 24l-46.4 51.2 4.8 11.2c4 14.4 10.4 28.8 18.4 41.6 5.6 11.2 12.8 21.6 21.6 31.2l8.8 8.8 69.6-11.2c8.8-0.8 17.6 4 21.6 12.8l22.4 64 12.8 2.4c34.4 7.2 69.6 7.2 103.2 0l11.2-2.4 24-65.6c3.2-8.8 12-13.6 21.6-12.8l68 11.2 8.8-8.8c17.6-20.8 31.2-44.8 40-70.4l4.8-12-44-50.4c-5.6-7.2-5.6-18.4 0-25.6z m-44 108.8l-36.8-5.6c-27.2-4-53.6 11.2-63.2 37.6l-13.6 36.8c-17.6 2.4-35.2 2.4-52 0l-12-35.2c-9.6-25.6-35.2-42.4-63.2-39.2l-40.8 6.4c-4-4-6.4-8.8-8.8-13.6-4-6.4-7.2-12.8-9.6-19.2l25.6-29.6c16.8-21.6 16.8-52 0-72.8L338.4 360c5.6-11.2 12-22.4 19.2-32l36.8 5.6c28 4.8 54.4-11.2 64.8-37.6l13.6-35.2c16.8-2.4 33.6-2.4 50.4 0l12 33.6c9.6 26.4 35.2 42.4 63.2 39.2l39.2-4.8c3.2 4.8 6.4 9.6 9.6 15.2 4 5.6 6.4 11.2 8.8 16l0.8 1.6-24.8 29.6c-16.8 21.6-16 52 1.6 72.8l24 28c-5.6 12-12 22.4-19.2 32.8z"  ></path></symbol><symbol id="icontubiao" viewBox="0 0 1024 1024"><path d="M128 896h816c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H80c-8.837 0-16-7.163-16-16V80c0-8.837 7.163-16 16-16h32c8.837 0 16 7.163 16 16v816z m96-325h48c8.837 0 16 7.163 16 16v220c0 8.837-7.163 16-16 16h-48c-8.837 0-16-7.163-16-16V587c0-8.837 7.163-16 16-16z m360-112h48c8.837 0 16 7.163 16 16v332c0 8.837-7.163 16-16 16h-48c-8.837 0-16-7.163-16-16V475c0-8.837 7.163-16 16-16zM404 248h48c8.837 0 16 7.163 16 16v543c0 8.837-7.163 16-16 16h-48c-8.837 0-16-7.163-16-16V264c0-8.837 7.163-16 16-16z m360-99h48c8.837 0 16 7.163 16 16v642c0 8.837-7.163 16-16 16h-48c-8.837 0-16-7.163-16-16V165c0-8.837 7.163-16 16-16z"  ></path></symbol><symbol id="icondingding" viewBox="0 0 1024 1024"><path d="M512.003 79C272.855 79 79 272.855 79 512.003 79 751.145 272.855 945 512.003 945 751.145 945 945 751.145 945 512.003 945 272.855 751.145 79 512.003 79z m200.075 375.014c-0.867 3.764-3.117 9.347-6.234 16.012h0.087l-0.347 0.648c-18.183 38.86-65.631 115.108-65.631 115.108l-0.215-0.52-13.856 24.147h66.8L565.063 779l29.002-115.368h-52.598l18.27-76.29c-14.76 3.55-32.253 8.436-52.945 15.1 0 0-27.967 16.36-80.607-31.5 0 0-35.501-31.29-14.891-39.078 8.744-3.33 42.466-7.573 69.004-11.122 35.93-4.845 57.965-7.441 57.965-7.441s-110.607 1.643-136.841-2.468c-26.237-4.11-59.525-47.905-66.626-86.377 0 0-10.953-21.117 23.595-11.122 34.547 10 177.535 38.95 177.535 38.95s-185.933-56.992-198.36-70.929c-12.381-13.846-36.406-75.902-33.289-113.981 0 0 1.343-9.521 11.127-6.926 0 0 137.49 62.75 231.475 97.152 94.028 34.403 175.76 51.885 165.2 96.414z" fill="#3AA2EB" ></path></symbol><symbol id="iconduanxin" viewBox="0 0 1092 1024"><path d="M553.710009 750.933005h402.091992a45.374999 45.374999 0 0 0 45.441999-45.350999V136.374017a45.510999 45.510999 0 0 0-45.441999-45.351999H136.465017a45.374999 45.374999 0 0 0-45.442999 45.351999v569.207989a45.510999 45.510999 0 0 0 45.442999 45.350999h159.356997v136.533998l257.888995-136.533998z m22.301 91.022999L284.400014 1002.837c-43.963999 24.258-79.598998 3.209-79.598998-47.012999V841.956004h-68.129999A136.692997 136.692997 0 0 1 0.00002 705.286006V136.670017A136.601997 136.601997 0 0 1 136.670017 0.00002h818.926984a136.692997 136.692997 0 0 1 136.669998 136.669997v568.615989a136.601997 136.601997 0 0 1-136.669998 136.669998H576.010009zM295.822014 500.62201a68.266999 68.266999 0 1 1 0-136.532997 68.266999 68.266999 0 0 1 0 136.532997z m250.310995 0a68.266999 68.266999 0 1 1 0-136.532997 68.266999 68.266999 0 0 1 0 136.532997z m250.310995 0a68.266999 68.266999 0 1 1 0-136.532997 68.266999 68.266999 0 0 1 0 136.532997z"  ></path></symbol><symbol id="icondirectmailyoujiantuisong" viewBox="0 0 1024 1024"><path d="M543.232 757.76l3.072-45.568H232.96c-56.32 0-102.4-46.08-102.4-102.4 0-36.352 18.944-69.12 51.2-88.064 31.232-17.92 33.28-21.504 20.48-53.76-2.048-5.632-3.072-11.776-3.072-17.408 0-31.232 25.6-56.832 56.832-56.832 0 0 14.848-1.024 30.72 5.12 26.112 10.24 29.184 0.512 41.472-26.624 26.112-56.32 82.432-92.672 143.872-92.672 81.92 0 149.504 61.952 157.184 143.872 2.56 32.256 2.56 32.256 36.864 40.448 25.6 5.12 49.152 17.92 67.584 36.864l48.64-11.776c-25.6-36.352-64-61.44-107.52-69.632-9.728-103.424-96.256-185.344-202.752-185.344-82.432 0-152.576 48.64-185.344 118.784-9.728-3.584-20.48-5.12-30.72-5.12-56.32 0-102.4 45.568-102.4 102.4 0 11.264 2.048 22.016 5.632 31.744-44.032 25.6-73.728 72.704-73.728 126.976 0 81.408 66.048 147.968 147.968 147.968l309.76 1.024z" fill="#0649D0" ></path><path d="M441.344 592.384l100.352 96.768L926.72 495.104 580.608 711.68l-3.072 111.616 51.712-51.712 54.784 54.784L981.504 465.92 441.344 592.384z" fill="#0649D0" ></path></symbol><symbol id="iconshebeisheshi" viewBox="0 0 1024 1024"><path d="M811 848H695V705h85c12.7 0 23-10.3 23-23V153c0-12.7-10.3-23-23-23H564c-12.7 0-23 10.3-23 23v529c0 12.7 10.3 23 23 23h85v143H375V705h85c12.7 0 23-10.3 23-23V153c0-12.7-10.3-23-23-23H244c-12.7 0-23 10.3-23 23v529c0 12.7 10.3 23 23 23h85v143H213c-12.7 0-23 10.3-23 23s10.3 23 23 23h598c12.7 0 23-10.3 23-23s-10.3-23-23-23zM587 176h170v483H587V176z m-320 0h170v483H267V176z"  ></path><path d="M672 575m-32 0a32 32 0 1 0 64 0 32 32 0 1 0-64 0Z"  ></path><path d="M352 575m-32 0a32 32 0 1 0 64 0 32 32 0 1 0-64 0Z"  ></path></symbol><symbol id="icontongzhi" viewBox="0 0 1024 1024"><path d="M590.336 205.312V819.2l-169.472-159.744-17.92-16.896h-204.8c-16.896 0-30.72-13.824-30.72-30.72v-199.68c0-16.896 13.824-30.72 30.72-30.72h205.312l17.92-16.384 168.96-159.744m10.24-75.264c-10.752 0-22.016 3.584-31.744 11.264L378.88 319.488H197.632c-50.688 0-92.16 41.472-92.16 92.16v199.68c0 50.688 41.472 92.16 92.16 92.16H378.88l189.952 178.688c9.728 7.68 20.992 11.264 31.744 11.264 26.624 0 51.2-20.992 51.2-51.2V181.248c0-30.72-24.576-51.2-51.2-51.2zM897.536 481.28h-195.072v61.44h195.072V481.28zM745.984 635.392l-43.52 43.52 118.784 119.296 43.52-43.52-118.784-119.296zM821.248 225.792l-118.784 119.296 43.52 43.52 118.784-119.296-43.52-43.52z"  ></path></symbol><symbol id="iconrizhi" viewBox="0 0 1024 1024"><path d="M897.28 170.666667h-750.933333c-28.16 0-51.2 23.04-51.2 51.2v665.6c0 28.16 23.04 51.2 51.2 51.2h750.933333c28.16 0 51.2-23.04 51.2-51.2V221.866667c0-28.16-22.613333-51.2-51.2-51.2z m-17.066667 699.733333h-716.8V238.933333h716.8v631.466667z" fill="#4C4C4C" ></path><path d="M744.96 699.733333H333.226667c-18.346667 0-32.853333-14.933333-32.853334-32.853333v-2.133333c0-18.346667 14.933333-32.853333 32.853334-32.853334h411.733333c18.346667 0 32.853333 14.933333 32.853333 32.853334v2.133333c0 17.92-14.506667 32.853333-32.853333 32.853333zM743.68 546.133333h-221.866667c-18.773333 0-34.133333-15.36-34.133333-34.133333s15.36-34.133333 34.133333-34.133333h221.866667c18.773333 0 34.133333 15.36 34.133333 34.133333s-14.933333 34.133333-34.133333 34.133333zM718.08 307.2c-18.773333 0-34.133333-15.36-34.133333-34.133333V119.466667c0-18.773333 15.36-34.133333 34.133333-34.133334s34.133333 15.36 34.133333 34.133334v153.6c0 18.773333-14.933333 34.133333-34.133333 34.133333zM325.546667 307.2c-18.773333 0-34.133333-15.36-34.133334-34.133333V119.466667c0-18.773333 15.36-34.133333 34.133334-34.133334s34.133333 15.36 34.133333 34.133334v153.6c0 18.773333-14.933333 34.133333-34.133333 34.133333z" fill="#4C4C4C" ></path></symbol><symbol id="iconchufaqipeizhi-hui" viewBox="0 0 1024 1024"><path d="M434.4 358.4m-24.4 0a24.4 24.4 0 1 0 48.8 0 24.4 24.4 0 1 0-48.8 0Z" fill="#DCDDDD" ></path><path d="M434.4 486.4m-24.4 0a24.4 24.4 0 1 0 48.8 0 24.4 24.4 0 1 0-48.8 0Z" fill="#DCDDDD" ></path><path d="M288 486.4m-24.4 0a24.4 24.4 0 1 0 48.8 0 24.4 24.4 0 1 0-48.8 0Z" fill="#DCDDDD" ></path><path d="M288 407.2m-24.4 0a24.4 24.4 0 1 0 48.8 0 24.4 24.4 0 1 0-48.8 0Z" fill="#DCDDDD" ></path><path d="M866 732.4H152.4c-14.8 0-26.8-12-26.8-26.8V198.8c0-14.8 12-26.8 26.8-26.8h713.6c14.8 0 26.8 12 26.8 26.8v116.4a26.8 26.8 0 0 1-53.6 0V226h-660v452.4h659.6v-224.4a26.8 26.8 0 0 1 53.6 0v251.2c0.4 14.8-11.6 27.2-26.4 27.2zM661.2 864H356.8a26.8 26.8 0 0 1 0-53.6h304.4c14.8 0 26.8 12 26.8 26.8 0.4 14.8-11.6 26.8-26.8 26.8z m0 0" fill="#DCDDDD" ></path><path d="M566.8 855.2h-111.6c-7.6 0-14.4-3.2-19.2-8.8-4.8-5.6-6.8-13.2-5.6-20.4l20.8-123.6c2-12 12.8-21.2 24.8-21.2h69.6c12.4 0 22.8 8.8 24.8 21.2l20.8 123.6c1.2 7.2-0.8 14.8-5.6 20.4-4 5.6-11.2 8.8-18.8 8.8z m-84.8-46.8h54.4l-13.2-76.8h-28l-13.2 76.8z m380-209.2H156.4c-14.8 0-26.4-12-26.4-26.4 0-14.8 12-26.4 26.4-26.4h705.6c14.8 0 26.4 12 26.4 26.4 0 14.8-12 26.4-26.4 26.4z m-344 65.6h-17.6c-14.8 0-26.4-12-26.4-26.4 0-14.8 12-26.4 26.4-26.4h17.6c14.8 0 26.4 12 26.4 26.4 0 14.4-11.6 26.4-26.4 26.4z m0 0M410 358.4h48.8v128h-48.8z" fill="#DCDDDD" ></path><path d="M592.8 279.2m-24.4 0a24.4 24.4 0 1 0 48.8 0 24.4 24.4 0 1 0-48.8 0Z" fill="#DCDDDD" ></path><path d="M592.8 486.4m-24.4 0a24.4 24.4 0 1 0 48.8 0 24.4 24.4 0 1 0-48.8 0Z" fill="#DCDDDD" ></path><path d="M720.8 358.4m-24.4 0a24.4 24.4 0 1 0 48.8 0 24.4 24.4 0 1 0-48.8 0Z" fill="#DCDDDD" ></path><path d="M720.8 486.4m-24.4 0a24.4 24.4 0 1 0 48.8 0 24.4 24.4 0 1 0-48.8 0Z" fill="#DCDDDD" ></path><path d="M696.4 358.4h48.8v128h-48.8zM263.6 407.2h48.8v79.2H263.6zM568.4 279.2h48.8v207.2h-48.8z" fill="#DCDDDD" ></path></symbol><symbol id="iconvcsshijuejisuanfuwu" viewBox="0 0 1024 1024"><path d="M936.746667 323.413333a83.626667 83.626667 0 0 0 12.8-42.666666c0-81.706667-132.266667-150.613333-313.813334-172.586667 2.56 9.237333 4.010667 18.773333 4.266667 28.373333a128 128 0 0 1-7.893333 42.666667 661.333333 661.333333 0 0 1 162.346666 39.893333c64 26.24 83.2 53.333333 83.2 60.16 0 6.826667-19.626667 34.133333-83.2 60.373334a652.16 652.16 0 0 1-168.96 40.533333 51.413333 51.413333 0 0 1-45.013333-17.066667 90.666667 90.666667 0 1 0 6.613333 112 51.626667 51.626667 0 0 1 37.12-21.333333 781.226667 781.226667 0 0 0 152.96-30.933333 5.12 5.12 0 0 1 5.973334 7.68l-264.533334 415.573333a7.893333 7.893333 0 0 1-13.226666 0L241.92 431.36a5.12 5.12 0 0 1 5.76-7.68c39.744 12.266667 80.405333 21.333333 121.6 27.093333a156.586667 156.586667 0 0 1-2.56-26.453333c0-15.808 2.602667-31.530667 7.68-46.506667A631.893333 631.893333 0 0 1 230.4 341.333333c-64-26.24-83.2-53.333333-83.2-60.373333 0-7.04 19.626667-33.92 83.2-60.16a690.133333 690.133333 0 0 1 193.066667-42.666667 50.56 50.56 0 0 1 39.253333 12.8 72.746667 72.746667 0 0 0 68.266667 16.853334 71.68 71.68 0 0 0 51.626666-52.48A72.746667 72.746667 0 0 0 512 64a71.253333 71.253333 0 0 0-53.76 24.32 53.333333 53.333333 0 0 1-34.56 15.786667C224.426667 120.746667 74.666667 193.493333 74.666667 280.32a82.56 82.56 0 0 0 13.226666 44.16l393.6 618.666667a36.266667 36.266667 0 0 0 61.013334 0l392.533333-616.746667v-1.066667l1.706667-1.92z" fill="#6415FF" ></path></symbol><symbol id="iconbar_icon_shebei" viewBox="0 0 1024 1024"><path d="M901.12 508.587H119.467C54.613 508.587 0 453.973 0 389.12V163.84C0 98.987 54.613 44.373 119.467 44.373H901.12c64.853 0 119.467 54.614 119.467 119.467v221.867c0 68.266-51.2 122.88-119.467 122.88zM119.467 122.88c-20.48 0-40.96 17.067-40.96 40.96v221.867c0 20.48 17.066 40.96 40.96 40.96H901.12c20.48 0 40.96-17.067 40.96-40.96V163.84c0-20.48-17.067-40.96-40.96-40.96H119.467z m0 0"  ></path><path d="M675.84 262.827c0 20.48 10.24 37.546 27.307 47.786 17.066 10.24 37.546 10.24 54.613 0s27.307-27.306 27.307-47.786-10.24-37.547-27.307-47.787c-17.067-10.24-37.547-10.24-54.613 0-17.067 13.653-27.307 30.72-27.307 47.787zM983.04 716.8H78.507c-20.48 0-40.96-17.067-40.96-40.96 0-20.48 17.066-40.96 40.96-40.96h901.12c20.48 0 40.96 17.067 40.96 40.96 3.413 23.893-17.067 40.96-37.547 40.96z m0 228.693H78.507c-20.48 0-40.96-17.066-40.96-40.96 0-20.48 17.066-40.96 40.96-40.96h901.12c20.48 0 40.96 17.067 40.96 40.96 3.413 23.894-17.067 40.96-37.547 40.96z m0 0"  ></path></symbol><symbol id="iconuser-before" viewBox="0 0 1024 1024"><path d="M512.7168 538.7776c-150.5792 0-273.09056-120.84736-273.09056-269.3888C239.62624 120.85248 362.13248 0 512.71168 0s273.09056 120.85248 273.09056 269.3888c0 148.54144-122.51136 269.3888-273.09056 269.3888z m0-500.65408c-129.55648 0-234.94656 103.7312-234.94656 231.26528s105.4208 231.2704 234.94144 231.2704c129.55648 0 234.96704-103.7312 234.96704-231.2704s-105.41056-231.2704-234.96704-231.2704z m94.2592 985.87136H418.47808c-189.44 0-339.08224 0-339.08224-111.8208v-18.54464c0-184.32 152.1152-334.25408 339.08224-334.25408h188.49792c186.96704 0 339.07712 149.9392 339.07712 334.25408v18.54976C946.0224 1024 788.8896 1024 606.976 1024z m-188.49792-426.47552c-165.94432 0-300.9536 132.84864-300.9536 296.13056v18.55488c0 70.12352 114.34496 73.6768 300.9536 73.6768h188.49792c154.76224 0 300.93312 0 300.9536-73.6768v-18.55488c0-163.28192-135.0144-296.13056-300.9536-296.13056H418.47808z"  ></path></symbol><symbol id="iconkemuweihutubiao" viewBox="0 0 1024 1024"><path d="M58.40592639 91.30246294v833.99671574c0 32.283744 26.90312 64.567488 64.56748693 64.567488H219.82464532V21.35435094H122.97341332C90.68966932 21.35435094 58.40592639 48.25747094 58.40592639 91.30246294c0-5.380624 0-5.380624 0 0zM822.45453012 21.35435094v355.12118294l-107.61247893-86.089984-112.993104 86.089984V21.35435094H295.15338026v968.51231574h618.77175786c37.664368 0 64.567488-26.90312 69.94811094-64.567488V91.30246294C983.87324906 53.63809494 956.97012906 21.35435094 919.30576212 21.35435094h-96.851232zM381.24336426-102.39999999"  ></path></symbol><symbol id="iconaccounting-subjects" viewBox="0 0 1024 1024"><path d="M760.55134815 97.74775309v497.1026963H182.6694637c-31.06891852 0-60.06657581 8.28504494-84.92171061 22.78387358V181.63383309c0-46.60337778 37.28270222-83.88608 83.88608-83.88608H760.55134815m82.85044938-82.85044939H181.63383309C89.46270815 14.8973037 14.8973037 89.46270815 14.8973037 181.63383309v660.73233382c0 92.17112494 74.56540445 166.73652939 166.73652939 166.73652939H1009.1026963V97.74775309h-82.85044939v828.50449382H182.6694637c-46.60337778 0-84.92171061-38.31833283-84.92171061-84.92171061v-78.70792691c0-46.60337778 38.31833283-84.92171061 84.92171061-84.92171063H843.40179753V14.8973037z m0 745.65404445H180.59820247v82.85044938h662.80359506v-82.85044938z"  ></path><path d="M600.02860247 260.34176v57.99531457H483.00234272V377.36801975h117.02625975v59.03094519H483.00234272V553.42522469h-59.03094519V436.39896494H306.94513778V377.36801975h117.02625975v-59.03094518H306.94513778v-57.99531457h75.60103505l-75.60103505-75.60103506 41.42522469-42.46085531 104.59869235 105.63432296 105.63432296-105.63432296 41.42522469 42.46085531-75.60103506 75.60103506z"  ></path></symbol><symbol id="iconRectangleCopy" viewBox="0 0 1024 1024"><path d="M449.40777426 824.52122294a31.42179956 31.42179956 0 0 0 31.42179959-31.42179959v-138.06738995h183.94321854a31.42179956 31.42179956 0 0 0 0-62.84359916h-183.94321854v-88.42094537h183.94321854a31.42179956 31.42179956 0 1 0 0-62.84360061h-183.94321854v-35.25525966l152.7099483-144.1632182a31.29611285 31.29611285 0 0 0 1.25687299-44.36758219 31.29611285 31.29611285 0 0 0-44.30473809-1.3197156l-144.54028127 136.37061276-144.54027978-136.37061276a31.35895695 31.35895695 0 1 0-43.11070921 45.68729779l159.62274382 150.63610949v28.78236837H224.93043511a31.42179956 31.42179956 0 1 0 0 62.84360061h193.11838221v88.42094537H224.80474694a31.35895695 31.35895695 0 1 0 0 62.84359916h193.11838367v138.06738995a31.42179956 31.42179956 0 0 0 31.42179957 31.42179959"  ></path><path d="M855.56596238 9.2511995H164.91479651A155.91497193 155.91497193 0 0 0 9.2511995 165.04048321v690.58832177a155.85212782 155.85212782 0 0 0 155.72644112 155.66359849h439.59098237a29.72502237 29.72502237 0 0 0 0-59.38720212H164.97764062a96.33923899 96.33923899 0 0 1-96.27639637-96.27639637V164.97764062c0-53.10284161 43.17355328-96.33923899 96.27639637-96.33923901h690.58832176c53.16568571 0 96.33923899 43.23639738 96.33923897 96.4020816v434.87771386a29.72502237 29.72502237 0 0 0 59.45004474 0v-434.87771386a155.977816 155.977816 0 0 0-155.85212781-155.85212781"  ></path><path d="M715.3618895 818.1740198a95.20805418 95.20805418 0 1 1 95.14521158 95.1452101 95.20805418 95.20805418 0 0 1-95.14521158-95.1452101z m229.19061065 82.51364648a156.4805643 156.4805643 0 0 0 23.88056755-82.51364648 158.1773415 158.1773415 0 0 0-157.92596662-157.9888107 158.1773415 158.1773415 0 0 0-157.98881071 157.9888107 158.1773415 158.1773415 0 0 0 157.98881071 157.98881073 156.4805643 156.4805643 0 0 0 91.1232192-29.41080488l54.1083397 59.32435804a31.17042615 31.17042615 0 0 0 44.36758219 2.01099618 31.35895695 31.35895695 0 0 0 2.01099472-44.36758217l-57.56473674-63.03213142z"  ></path></symbol><symbol id="iconchengbenshujuguanli" viewBox="0 0 1024 1024"><path d="M938.666667 654.222222c-22.755556-11.377778-51.2 0-56.888889 22.755556-68.266667 164.977778-238.933333 267.377778-409.6 244.622222-199.111111-28.444444-341.333333-170.666667-369.777778-369.777778-22.755556-164.977778 79.644444-335.644444 244.622222-409.6 22.755556-11.377778 34.133333-34.133333 22.755556-62.577778s-34.133333-28.444444-56.888889-17.066666C108.088889 147.911111-17.066667 358.4 11.377778 563.2c34.133333 244.622222 210.488889 415.288889 449.422222 449.422222 17.066667 0 34.133333 5.688889 51.2 5.688889 187.733333 0 369.777778-119.466667 449.422222-301.511111 11.377778-28.444444 0-56.888889-22.755555-62.577778z"  ></path><path d="M864.711111 164.977778C773.688889 68.266667 648.533333 11.377778 512 11.377778c-22.755556 0-45.511111 22.755556-45.511111 45.511111v455.111111c0 22.755556 22.755556 45.511111 45.511111 45.511111h455.111111c22.755556 0 45.511111-22.755556 45.511111-45.511111 0-136.533333-56.888889-261.688889-147.911111-347.022222zM557.511111 466.488889V102.4c91.022222 11.377778 176.355556 56.888889 244.622222 125.155556 68.266667 62.577778 108.088889 147.911111 119.466667 238.933333H557.511111z"  ></path></symbol><symbol id="iconjibenshuju" viewBox="0 0 1024 1024"><path d="M773.6 196c0 10.4-8 18.4-18.4 18.4-10.4 0-18.4-8-18.4-18.4 0-9.6 8-18.4 18.4-18.4 10.4 0.8 18.4 8.8 18.4 18.4zM904 404.8c0 10.4-8 18.4-18.4 18.4-10.4 0-18.4-8-18.4-18.4 0-10.4 8-18.4 18.4-18.4 10.4 0.8 18.4 8.8 18.4 18.4zM904 252.8c0 10.4-8 18.4-18.4 18.4-10.4 0-18.4-8-18.4-18.4 0-10.4 8-18.4 18.4-18.4 10.4 0.8 18.4 8.8 18.4 18.4zM728 356.8L574.4 510.4c-4 9.6-15.2 14.4-24.8 11.2-5.6-1.6-10.4-4.8-13.6-10.4L428 404 284.8 547.2c-4.8 5.6-12.8 8-20 5.6-7.2-1.6-12.8-7.2-14.4-14.4-1.6-7.2 0.8-15.2 5.6-20L406.4 368c4-4 9.6-6.4 15.2-5.6 8-5.6 18.4-4 25.6 2.4l108 108 154.4-154.4h-41.6c-11.2 0-20-8.8-20-20s8.8-20 20-20h80.8c10.4 0 18.4 7.2 20 17.6 3.2 6.4 3.2 13.6 0 19.2v64.8c0 7.2-4 13.6-10.4 17.6-6.4 4-14.4 4-20 0-6.4-4-10.4-10.4-10.4-17.6v-23.2z"  ></path><path d="M687.2 805.6h60.8c7.2 0 13.6 4 17.6 10.4 4 6.4 4 13.6 0 20s-10.4 10.4-17.6 10.4h-608c-5.6 0-10.4-2.4-14.4-5.6-4-4-5.6-8.8-5.6-14.4V299.2c0-11.2 8.8-20 20-20S160 288 160 299.2v506.4h121.6V663.2c0-11.2 8.8-20 20-20s20 8.8 20 20v141.6h80.8V582.4c0-11.2 8.8-20 20-20s20 8.8 20 20v223.2h80.8V663.2c0-11.2 8.8-20 20-20s20 8.8 20 20v141.6h80.8V541.6c0-11.2 8.8-20 20-20s20 8.8 20 20v264z"  ></path></symbol><symbol id="iconB-shengshiqu" viewBox="0 0 1024 1024"><path d="M503.5 435.7c0-0.1 0.1-0.2 0.2-0.2-0.2-0.9-0.3-1.7-0.4-2.2 0 0.8 0.1 1.6 0.2 2.4z m172 187.8h-0.1 0.1z m4.4 0.6c-1.1-0.2-3.5 0.1-4.4-0.6-0.6 2 0.3 2.8 4.4 0.6zM512.4 63.9C265 63.9 64.6 264.4 64.6 511.8c0 247.3 200.5 447.8 447.8 447.8s447.8-200.5 447.8-447.8c0-247.4-200.5-447.9-447.8-447.9z m286 175c-15.4 0.5-26.2 0.5-38.6 9-5 3.5-8.4 8-14.7 9.8-5.7 1.6-11.8 0.2-17.5 2.1-20.3 6.9-17.1 50.5-43.9 43.9-12.6-3.1-21.5-18-27.8-27.7-5.6-8.5-15.7-15.6-8.9-26.3-3.1 0.8-6.5-0.1-9.6 0.5 4.3-9.4 18.7-8.6 21.1-13.4 6-12.1-16.4-13.3-22.8-15 7.6-8.2 11.5 2.7 19.1 0.9 7.2-1.8-3.8-11.3-8.2-12.4-1.6-0.4-27.1 7.1-12.3-6.2-18.2-11.6-36.5-23.3-54.7-34.9-3.1 12.9 24.3 20.3 33.2 24.9-1.4 5.3-9.7 13.1-16.1 10.8-6-2.1-3.6-12.1-12.6-11.1-6.5 15 13.7 10.6 15.5 19.8 2.1 10.5-7.6 6-11.4 5.9-0.9-0.1-7.9-7.3-8.2-1.8-0.5 6.5 11.1 4 11.9 10.5-13.5 0.5-20.4-4.3-31.4-11.6-12.8-8.5-19.4-7.7-35.1-7.7 4.7-1.9 11.2-3.4 15.2-6.5 2.2-1.7 10.8-10.1 11.4-11.9 2.4-8-0.1-7.4-7.8-12.7-6.9-4.7-15.2-13.1-23.5-14.8-30.1-6-9.3 27.2-32.1 31.7h1.2-1.3 0.2c-5.3-0.2-15.2-1.5-18.6 1.3-2.4 2-2.6 9.8-5.3 12.7-4.8 5.1-11.9 6.1-17.6 9.8-5.6 3.6-17.8 12.8-21.1 19.1-12.1 23 27.2 30.2 42 36.9 6.7 3.1 26.3 7.2 30 12.3 4.9 6.8-4.2 13.2 6 18 3.3 1.5 10 1.8 12.8-1.3 4.6-5.2-1.9-6.3-3-12.3-2.1-11.5 1.4-6.9 7.1-11.2 11.8-8.7 9.1-9.2 4.9-23-2-6.4-9.4-24.4-2.9-29.2 8.5-6.2 26.6 3.4 33.1 4.2 7.6 0.9 11.9 11.4 16 15.7 2.7 2.8 7.7 8.9 12.4 8.2 7.6-1 4.4-7.7 8.9-10.8 11.8-8.2 15 2.9 19.7 14.1 4.4 10.5 8.6 14.4 16.5 21.1 3.7 3.1 19.8 14.3 18.2 21.2-1 4.6-19.4 11.7-24.3 13.2-18 5.7-51.7-9.3-55.3 19.2 7-2.6 26.8-18.8 32.7-11.1 2.7 3.5-2.2 8.6-1 12 3.4 10.4 11.4 6.8 19.8 5.1-0.6 0.4-1.2 0.7-1.8 0.9 11.5-5.9 10.3-4.7 15.5-14.2 1.7-3.1 4.3-10.7 6.7-12.9 8.3-7.7 9.6-2.4 14.8 3.5 1.4 1.5 14.1 19.9 9.6 19-14.8-3-29.1-2.6-41.4 5.5-7.1 4.7-13.8 11-22.3 14.1-2 0.7-17.1 2.2-15.3-0.4 2.6-3.7 11.5-6.2 15-10.3-9.8-4-17.9 4.9-25.6 10-8.1 3.9-10 11-17 17.3-3 2.7-8.7 3.2-11.7 6.8-2.9 3.5-3.2 9-6 12.3-1.9 2.3-6.8 0.9-8.8 4.4-2.6 4.6 2.4 8.8 1.3 12.1-2 6-13.4 11.1-17.8 15.4l1.7-1.7c-4.4 4.6-10 8-13.4 13.4 1.6 7.5 6.6 25.5 5.2 29.6-4.6 13.6-13.5-7.4-17.1-12.8-12.4-18.6-37.1-6.2-54-4.6-21.6 2-42.8 30.1-29.5 52.8 6.4 10.9 17.2 15.2 29.5 12.6 11-2.3 14.3-17.6 24.7-17.9 19-0.5 0.4 18.6-1.2 25.7-1.5 6.5 2.4 7.1 9.1 8.7 4.9 1.2 12-2.1 16.2 0.7 2.7 1.8 2.6 11.6 6.3 8.5-7.3 6.1-5.6 20.5 1.9 25.6 8.3 5.8 18.1 0.4 26.8 2.6 16.4 4.2 8.6-1.2 23-10 9.8-5.9 11.4 1.1 18 1.1 4.5 0 7.4-6.5 15-4.6 6.2 1.6 8.6 6.3 16 7.4 3 0.5 6.2-1.1 9-0.8 13.6 1.5 24.1 10.2 34.9 18.1 8.9 6.5 14.7 5.2 25.1 8.1 7.6 2.2 21.5 13.1 20.8 22.7-0.1 1.7-6.7 10.4-7.9 14.2 1.9 1.3 15.4-1.7 19.3-1.9-1.3 1.5-10.5 7.9-10.5 4.5 0 1.7 6.5 5.3 8.1 6.5 4.8-15.5 12.6-5.5 22.1-1.7 8 3.3 17.9 3.4 26.5 5.5 7.3 1.7 23.3 6.6 28.7 12.6 6.5 7.2 2 18.8-2.8 25.9-6.3 9.3-15.8 12.9-19.7 23.9-3.1 8.7-0.8 17.5-2.5 27.2-2.4 13-4.3 8.5-12.7 16.4-7.1 6.7-0.1 5.5-9.8 9.8-9.7 4.3-18.2 3-24.9 13.6 0.3-0.7 0.5-1.3 0.7-2-2.8 4-4.2 12.1-5.6 14.7-3.4 6.8-8 11.1-13.4 16.7-2 2.2-20.9 27.9-22 25.8-1.4-2.7-16.2 2.7-17-1.1 0.6 3.2-0.1 2.1 3.5 4-3.4 21.1-12.4 24.3-33.1 24.5 1.8 10.2-7.5 8.1-11.8 13.6-2.5 3.2-3.7 12.2-5.5 16.3-1.1 2.6-9.2 13-9.2 15 0 1.9 2.7 4.7 5.3 7.3-14.6 2.9-29.5 4.9-44.7 6.1 2.8-3.6 3.5-6.7-5.5-7.1 2.4-6.6 8.1-10.3 10.5-16.7 1.1-3 0.2-4.2 1.2-7.2 3.3-10.3 1.9-6.4 0-14.4-4.4-18.7 1.6-23.8 6.7-40.9 5.2-17.6 4.7-40.4 8.1-59.3 1.6-9.1 4.2-27.9 1-36.5-3.5-9.7-19.2-17.3-26.3-23.7-10.1-9.2-15.5-19.2-23-30.6-3.8-5.8-8.2-11.5-11.1-17.8-6.4-13.5 0-5.5 1.1-13.4 1-7.7-0.9-14.5 2.1-22.6 3.4-8.9 11.8-14.5 14.5-23.4 2.5-8 0.6-18-7.6-20.7-4.6-1.5-9.6 2-14.2 1.2-6.4-1-13.7-5.8-18.7-9.6-7-5.4-9.7-14.1-17.1-19.1-6.3-4.2-10.7-1.7-17.4-3.7-7-2.1-11.3-10.7-16.9-13.4-8.5-4-13.2 1.8-22.2 0.6-7.6-1-19.2-9.4-26.3-12.6-14.4-6.5-23.2-13.6-29-28.2-4.9-12.6-12.1-18.4-20.6-28.9-8.6-10.6-11.3-19.6-24.5-22.4-1.6-0.3 3.2 11.1 3.7 12 4.7 8.8 11.8 16.8 17.6 24.9 8.4 12 4.8 14.3-3.7 2.6-9.8-13.3-21.1-26.5-29.6-40.6-3.2-5.3-2.6-8.8-7.9-13.8-5.1-4.9-11.8-7.3-17-11.9-18.5-16.7-21.9-38.9-19.8-62.7 0.7-7.7 3.5-13.9 2.2-21.4-1-6.2-4.7-11.3-9.2-15.8-1.5-2.3-5.1-8.1-5.4-8.5-4.2-7-7.5-13.8-14.2-19.6-3.8-3.3-13.8-11-23.1-17.5 41.9-52.3 96.8-93.8 159.8-119.5 0.5 3.2 1.9 6.3 3.9 9.3 5.2 7.7 10.1 7.1 20.2 9.2-1.1 11.7-14.8 11.8-24.1 10.6-11.1-1.5-22.7-5.2-32.3 4.5 5.3 3.2 19.8 15.6 17.9 2.6 10.6-0.5 20.9-0.8 31.2 0.4 4.2 0.5 18.1 5.2 21.9 3.1 1.6-0.9 3.3-8.7 5-11.1-3 0-6.1-1.5-9.1-1.2 6.9-8.8 13.7-1.9 22.5 2.2-9.6 5.9-3.9 19.9 5.5 8.5 7.7-9.3-1.9-16.2-11.7-21.6 9.9-12.4 16-13.5 25.3 0.5 1.5-8.6 8.5-5.2 15.8-4.5v-2.2c-3.2 0.1-6.6-1.8-9.8-1.4 7.4-11.8 2.7-14.5 13.3-18.4 8.4-3.1 32.5-0.2 35.5-8.1-16.8 3.3-37.2 4.1-52.4 11.7-6.5 3.3-14.4 13.7-20.9 6.9-6.7-6.9 4.8-18.1 10.7-21.5h-1.4c26.7-5.7 54.3-8.7 82.6-8.7 18.3 0 36.3 1.4 53.9 3.8-6.1 3.2-1.6 5.4-6 8.6-8.5 6.3-23.6 11.5-33.7 15.4 12.9 0 44 12.1 50-6-4.2-0.6-8.3-1.3-12.4-1.9 7.7-5.1 16.4-9.3 25.5-12.4 81.9 16.2 154.6 57.7 210 116 0.1 0.8-0.3 0.8-0.7 0.8z m72.5 157.2c0.7-1.6 2.5-2.1 3.2-3.4 1.5-2.7 1.2-4.6 3-6.9 2-2.5 4.6-3.1 6.8-5.1 0.9-0.8 1.4-1.5 1.8-2.3 6.6 18.4 11.9 37.5 15.7 57.1-0.1 0.1-0.2 0.3-0.3 0.5-1 0.8-7.2 1.7-8.5 1.7-4.5 0.2-7.9-2.8-11.2-5.7-3.3-2.9-7.2-6.7-9.6-10.5-2.5-4-1-8.1-0.8-12.6 0.1-3.9-1.8-9.4-0.1-12.8z m5.1 205.3c-7.7-6.7-16.8-15.6-22.2-24.3-5.8-9.2-2.2-18.7-1.8-29.3 0.4-8.9-4-21.5-0.2-29.5 1.7-3.6 5.7-4.8 7.3-7.9 3.5-6.3 2.7-10.6 7-16.1 4.6-5.9 10.7-7.3 15.8-11.9 5.3-4.8 5.2-8.6 8.6-14.8 2.5-4.5 8.3-12 13.8-15.9 3 19.6 4.5 39.6 4.5 60 0 35.3-4.7 69.5-13.4 102.1-7.4-1.9-13.5-7.2-19.4-12.4z"  ></path></symbol><symbol id="iconzuzhijigou" viewBox="0 0 1024 1024"><path d="M588.25 186.75v118h-153.5v-118h153.5m24-64h-201.5c-22.09 0-40 17.91-40 40v166c0 22.09 17.91 40 40 40h201.5c22.09 0 40-17.91 40-40v-166c0-22.09-17.91-40-40-40zM279.5 719.25v118h-118v-118h118m24-64h-166c-22.09 0-40 17.91-40 40v166c0 22.09 17.91 40 40 40h166c22.09 0 40-17.91 40-40v-166c0-22.09-17.91-40-40-40zM571 719.25v118H453v-118h118m24-64H429c-22.09 0-40 17.91-40 40v166c0 22.09 17.91 40 40 40h166c22.09 0 40-17.91 40-40v-166c0-22.09-17.91-40-40-40zM862.5 719.25v118h-118v-118h118m24-64h-166c-22.09 0-40 17.91-40 40v166c0 22.09 17.91 40 40 40h166c22.09 0 40-17.91 40-40v-166c0-22.09-17.91-40-40-40z"  ></path><path d="M543.5 366.95h-64v101.3h-228c-34.79 0-63 28.21-63 63v153h64v-132c0-11.05 8.95-20 20-20h207v152h64v-152h208c11.05 0 20 8.95 20 20v132h64v-153c0-34.79-28.21-63-63-63h-229v-101.3z"  ></path></symbol><symbol id="iconanniu" viewBox="0 0 1024 1024"><path d="M970.105263 953.936842H53.894737v-269.473684h916.210526v269.473684z m-862.315789-53.894737h808.421052v-161.68421H107.789474v161.68421z" fill="#444A5C" ></path><path d="M970.105263 743.747368H53.894737V231.747368c0-75.452632 53.894737-134.736842 118.568421-134.736842h679.073684C916.210526 97.010526 970.105263 156.294737 970.105263 231.747368v512z m-862.315789-53.894736h808.421052V231.747368c0-43.115789-26.947368-80.842105-64.673684-80.842105H172.463158c-37.726316 0-64.673684 32.336842-64.673684 80.842105v458.105264z" fill="#444A5C" ></path><path d="M646.736842 565.894737h53.894737v-269.473684h-53.894737v269.473684z m161.684211-269.473684v269.473684h53.894736v-269.473684h-53.894736z m-377.263158 53.894736h53.894737v215.578948h53.894736v-215.578948h53.894737v-53.894736H431.157895v53.894736z m-269.473684 215.578948h215.578947v-269.473684H161.684211v269.473684z m53.894736-215.578948h107.789474v53.894737H215.578947v-53.894737z m0 107.789474h107.789474v53.894737H215.578947v-53.894737z" fill="#444A5C" ></path><path d="M706.021053 296.421053H646.736842v5.389473l161.684211 264.084211h53.894736v-16.168421z" fill="#444A5C" ></path></symbol><symbol id="iconcaidan2" viewBox="0 0 1024 1024"><path d="M382.2 165.7H217.4c-47.5 0-86.2 38.7-86.2 86.2v164.8c0 47.5 38.7 86.2 86.2 86.2h164.8c47.5 0 86.2-38.7 86.2-86.2V251.9c0.1-47.6-38.6-86.2-86.2-86.2z m-9.9 241.1h-145v-145h145v145zM382.2 557.6H217.4c-47.5 0-86.2 38.7-86.2 86.2v164.8c0 47.5 38.7 86.2 86.2 86.2h164.8c47.5 0 86.2-38.7 86.2-86.2V643.8c0.1-47.5-38.6-86.2-86.2-86.2z m-9.9 241.1h-145v-145h145v145zM871.6 273.3L755.1 156.8c-16.3-16.3-37.9-25.3-61-25.3-23 0-44.7 9-61 25.3L516.6 273.3c-33.6 33.6-33.6 88.3 0 121.9l116.6 116.5c16.3 16.3 37.9 25.3 61 25.3 23 0 44.7-9 61-25.3l116.6-116.6c33.4-33.4 33.4-88.1-0.2-121.8zM694.1 436.8L591.6 334.3l102.5-102.5 102.5 102.5-102.5 102.5zM776.5 557.6H611.7c-47.5 0-86.2 38.7-86.2 86.2v164.8c0 47.5 38.7 86.2 86.2 86.2h164.8c47.5 0 86.2-38.7 86.2-86.2V643.8c0-47.5-38.7-86.2-86.2-86.2z m-9.9 241.1h-145v-145h145v145z"  ></path></symbol><symbol id="iconwenhao" viewBox="0 0 1024 1024"><path d="M510.827291 64.041572c247.095701 0.027629 448.76684 201.816448 448.279746 448.541713-0.490164 247.641123-201.838961 448.843588-448.570365 448.240861-247.462045-0.603751-447.696462-200.955848-448.02392-448.288956C62.184271 265.653359 263.742846 64.013943 510.827291 64.041572zM916.774907 512.36532C916.739091 288.773939 735.657896 107.047038 511.049349 106.58655c-223.89121-0.458441-405.925103 181.25311-406.15944 405.79105-0.233314 223.61287 181.448562 405.16581 405.673369 405.804353C733.898833 918.818449 916.810722 736.084615 916.774907 512.36532zM535.794939 657.30027c-19.142989 0-37.775348 0-56.938803 0 0-11.373025-0.607844-22.537296 0.127913-33.612539 1.484817-22.364357 6.65763-43.814901 18.343787-63.300698 9.094122-15.164375 20.674878-28.250414 33.540907-40.276309 15.978926-14.935154 32.148188-29.677926 47.809889-44.939515 9.222035-8.985652 17.418718-19.008936 21.679765-31.483038 10.207479-29.883611 3.681856-56.56939-16.198937-80.3367-33.015951-39.469943-88.2356-40.821731-122.050754-21.066805-21.313422 12.450567-34.092469 31.502481-41.552371 54.414307-3.344165 10.271948-5.653767 20.880563-8.651031 32.155351-19.651572-2.333138-39.766702-4.721535-60.636009-7.198959 0.778736-5.205559 1.336438-10.100032 2.26253-14.923898 5.196349-27.060309 14.589276-52.297087 32.253588-73.943083 21.519106-26.369577 49.554626-41.723264 82.579787-48.061622 34.471093-6.615675 68.919672-5.901407 102.44216 4.986571 42.920532 13.939477 74.679863 41.176818 89.112574 84.563978 13.856589 41.654702 7.048533 81.003895-20.22667 116.155487-17.302061 22.298865-38.820144 40.415478-59.041698 59.83169-8.895601 8.541537-17.895579 17.136286-25.622564 26.696012-11.477402 14.198374-15.858176 31.370475-17.241686 49.325405C537.00551 636.422777 536.474414 646.580115 535.794939 657.30027zM475.157907 777.74034c0-22.494317 0-44.771693 0-67.411319 22.538319 0 44.810578 0 67.458391 0 0 22.425755 0 44.709271 0 67.411319C520.208962 777.74034 497.807766 777.74034 475.157907 777.74034z"  ></path></symbol><symbol id="iconlajitong" viewBox="0 0 1024 1024"><path d="M337.984 793.024c-16.064 0-28.992-12.608-28.992-28.096L308.992 455.808c0-15.552 12.992-28.096 28.992-28.096 16.064 0 28.992 12.608 28.992 28.096l0 309.056C366.976 780.416 353.984 793.024 337.984 793.024L337.984 793.024zM512 793.024c-16.064 0-28.992-12.608-28.992-28.096L483.008 455.808c0-15.552 12.992-28.096 28.992-28.096 16.064 0 28.992 12.608 28.992 28.096l0 309.056C540.992 780.416 528.064 793.024 512 793.024L512 793.024zM686.016 793.024c-16.064 0-28.992-12.608-28.992-28.096L657.024 455.808c0-15.552 12.992-28.096 28.992-28.096 16.064 0 28.992 12.608 28.992 28.096l0 309.056C715.072 780.416 702.08 793.024 686.016 793.024L686.016 793.024zM918.08 287.168l0 28.096-58.048 0 0 533.952c0 61.952-52.032 112.384-116.032 112.384L279.936 961.6c-64 0-116.032-50.432-116.032-112.384L163.904 315.264 105.92 315.264 105.92 287.168 76.864 287.168 76.864 259.072c0-61.952 52.032-112.384 116.032-112.384l120.128 0C326.016 98.304 371.072 62.4 424.96 62.4L599.04 62.4c53.888 0 98.944 35.904 111.936 84.288l120.128 0c64 0 116.032 50.432 116.032 112.384l0 28.096L918.08 287.168 918.08 287.168zM279.936 905.408l464.128 0c32 0 57.984-25.216 57.984-56.192L802.048 315.264 221.952 315.264l-4.032 533.952C217.92 880.192 248 905.408 279.936 905.408L279.936 905.408zM599.04 118.592 424.96 118.592c-21.376 0-39.872 11.392-49.92 28.096l273.92 0C638.912 129.984 620.416 118.592 599.04 118.592L599.04 118.592zM831.104 202.88 192.896 202.88c-32 0-57.984 25.216-57.984 56.192l69.12 0 145.024 0 325.888 0 145.024 0 69.12 0C889.088 228.096 863.04 202.88 831.104 202.88L831.104 202.88z"  ></path></symbol><symbol id="iconzhongzhimima" viewBox="0 0 1024 1024"><path d="M636.172598 447.930011c37.402156 0 67.701422 33.050836 67.701422 73.844462l0 172.261084c0 40.761631-30.299266 73.812467-67.701422 73.812467l-248.217216 0c-37.370161 0-67.701422-33.050836-67.701422-73.812467l0-172.261084c0-40.761631 30.299266-73.844462 67.701422-73.844462L448.009998 447.930011l0 0 127.980003 0 0 0L636.172598 447.930011zM511.520075 512.239963c-35.322481 0-63.990002 27.387721-63.990002 61.206436 0 22.588471 17.53326 39.865771 36.602281 50.488111l0 79.539572 54.807436 0 0-79.539572c19.06902-10.62234 36.602281-27.899641 36.602281-50.488111C575.510077 539.627683 546.842556 512.239963 511.520075 512.239963zM512 320.109983c-60.150601 0-63.830027 50.584096-63.990002 63.990002l0 63.798032-64.405937 0 0-57.622996c0 0 0.031995-134.379003 128.139978-134.379003 128.139978 0 128.139978 134.379003 128.139978 134.379003l0 57.622996L575.990002 447.898016l0-63.798032C575.862022 370.918044 572.150601 320.109983 512 320.109983zM512 1024c-282.739822 0-511.920012-229.180191-511.920012-511.920012s229.180191-511.920012 511.920012-511.920012c91.121762 0 176.612404 23.964256 250.712826 65.717732l47.608561-65.877707L895.556069 224.06099l-223.453085-32.794876 52.759756-73.012592C661.512639 83.922887 589.107952 64.181972 512 64.181972c-247.385346 0-447.930011 200.544665-447.930011 447.930011s200.544665 447.930011 447.930011 447.930011 447.930011-200.544665 447.930011-447.930011c0-60.406561-12.126105-117.933573-33.786721-170.533354l59.158756-24.348196C1010.066177 377.317044 1023.920012 443.066771 1023.920012 512.111983 1023.920012 794.819809 794.739822 1024 512 1024z"  ></path></symbol><symbol id="iconshezhi" viewBox="0 0 1024 1024"><path d="M545.784454 962.539206l-65.943898 0c-29.341259 0-54.624085-25.281803-54.624085-54.615898L425.216471 868.462574c0-9.623171-7.826246-20.911262-16.690124-23.680329l-1.566682-0.611937-55.725162-23.104207-0.880043-0.494257c-8.153704-4.41045-22.017456-2.376117-28.55229 4.187369l-28.17469 28.123524c-9.930163 9.977235-23.239284 15.494902-37.432541 15.494902-14.195304 0-27.507494-5.517667-37.487799-15.541975l-46.682205-46.630017c-20.60427-20.603247-20.6319-54.233182-0.069585-74.974575l28.15013-28.106128c6.637164-6.574742 8.676613-20.599154 4.253884-28.909423l-0.831948-1.768273-23.164582-56.128345-0.26913-0.682545c-2.803859-9.03477-14.279215-17.394159-23.611767-17.394159l-39.631626 0c-29.391401 0-52.861952-24.065092-52.861952-53.193503l0-65.943898c0-28.770254 22.998807-51.754734 52.919257-51.754734l39.575344 0c9.081843 0 20.803815-8.830109 23.666002-18.057261l0.567935-1.476631 23.163559-57.088206 0.505513-0.913812c4.40431-8.220219 2.319835-22.224164-4.2897-28.830629l-28.04166-28.087709c-9.964956-9.921977-15.486716-23.216771-15.502066-37.396725-0.01535-14.201443 5.492084-27.53717 15.507182-37.552268l46.6556-46.614667c9.94142-9.985422 23.248494-15.503089 37.432541-15.503089 0.001023 0 0 0 0.001023 0 14.184047 0 27.490098 5.51869 37.46938 15.540951l28.039613 28.05087c6.557346 6.525624 20.500916 8.596795 28.655643 4.231371l0.893346-0.478907 57.375755-23.64963c8.836249-2.731204 16.634866-14.037714 16.634866-23.719214l0-39.632649c0-28.967752 24.777313-52.095495 54.624085-52.095495L545.784454 64.076364c29.161157 0 52.370765 22.636556 52.370765 52.095495l0 39.632649c0 9.127891 8.709359 20.85498 17.767666 23.674189l1.51654 0.577145 56.639998 23.113417 0.923022 0.509606c8.202822 4.424776 22.184255 2.353604 28.788673-4.254907l28.163433-27.912723c9.895371-9.94142 23.179932-15.33936 37.352723-15.33936 0.019443 0 0.040932 0 0.060375 0 14.18814 0 27.508517 5.375427 37.516452 15.384385l46.709835 46.554292c10.004865 9.960863 15.524578 23.254633 15.524578 37.47552 0 14.18814-5.498224 27.506471-15.479553 37.532825l-28.16855 28.152177c-6.580882 6.610558-8.640798 20.771069-4.204765 29.107945l0.478907 0.896416 23.654746 57.956993c2.902096 9.255805 14.635325 18.114566 23.686469 18.114566l39.132252 0 0-0.573051c27.629267 0 52.188616 22.984481 52.188616 52.327786l0 65.998133c0 29.590945-22.985504 53.138244-51.746548 53.138244l-39.630602 0c-9.337669 0-20.84884 8.372691-23.686469 17.423835l-0.580215 1.51654-23.086811 56.240909-0.468674 0.860601c-4.419659 8.30413-2.393513 22.320355 4.169973 28.855188l28.135804 28.02017c10.031471 10.029424 15.539928 23.350824 15.537881 37.541011-0.004093 14.186094-5.514597 27.505447-15.518438 37.505195l-46.747697 46.682205c-9.920954 9.964956-23.219841 15.506159-37.406958 15.506159-0.019443 0-0.040932 0-0.060375 0-14.192234 0-27.514657-5.514597-37.518498-15.517415l-28.039613-28.095895c-6.490831-6.490831-20.807908-8.575306-28.887934-4.206812l-0.951675 0.514723-57.93755 23.680329c-9.087982 2.859118-17.823947 14.594393-17.823947 23.691585l0 39.460734C598.155219 937.76394 574.45954 962.539206 545.784454 962.539206zM421.86719 806.892287c25.192775 8.370645 44.282552 34.650171 44.282552 61.570287l0 39.460734c0 7.114025 6.569626 13.68365 13.691837 13.68365L545.784454 921.606958c6.496971 0 12.461823-6.043646 12.461823-13.68365L558.246277 868.462574c0-26.273387 19.516496-53.131081 44.901653-61.58052l53.859675-22.062482c23.62814-12.116969 56.342216-7.098675 75.118861 11.6749l28.009937 28.1532c2.432399 2.430352 5.678326 3.837398 9.179057 3.837398 0.00614 0 0.011256 0 0.01535 0 3.482311 0 6.726192-1.39886 9.135054-3.820002l46.780443-46.738487c2.436492-2.436492 3.783163-5.724375 3.78521-9.224082 0-3.495614-1.344624-6.774287-3.787256-9.216919l-28.106128-27.998681c-18.693758-18.609847-23.762193-51.349505-11.773138-75.036997l22.083971-53.603849c8.374738-25.167193 35.224246-44.51382 61.578474-44.51382l39.630602 0c7.745405 0 10.8143-7.086395 10.8143-13.229303l0-65.998133c0-6.862291-5.116531-12.07399-11.256368-12.302187l0 1.479701-39.132252 0c-26.236548 0-53.099359-20.149922-61.585637-45.735647l-22.083971-54.261834c-11.960403-23.654746-6.913457-56.502875 11.728112-75.228355l28.16855-28.192086c2.430352-2.441609 3.78828-5.764284 3.78828-9.295714 0-3.498684-1.334391-6.762007-3.759627-9.17394l-46.741557-46.577828c-2.462075-2.462075-5.736655-3.734044-9.234315-3.734044-0.004093 0-0.010233 0-0.013303 0-3.465938 0-6.700609 1.255597-9.105379 3.671623l-28.198226 28.037567c-18.703991 18.710131-51.417043 23.734564-75.000158 11.69025l-53.865815-22.072715c-25.403576-8.388041-44.934398-35.255968-44.934398-61.60508l0-39.632649c0-7.253194-5.517667-12.186554-12.461823-12.186554l-65.943898 0c-7.517207 0-13.691837 5.51869-13.691837 12.186554l0 39.632649c0 27.027563-19.107173 53.336766-44.325531 61.643965l-53.501518 21.99699c-23.834848 12.168134-55.857169 7.234775-74.878384-11.69639l-28.130687-28.115338c-2.441609-2.451842-5.690606-3.787256-9.152451-3.787256-3.462868-0.001023-6.704702 1.334391-9.117658 3.758604l-46.690392 46.64639c-2.438539 2.438539-3.784186 5.710049-3.781116 9.207709 0.004093 3.474125 1.339508 6.716982 3.762697 9.128915l28.068266 28.121478c18.698874 18.690688 23.782659 51.389414 11.808954 74.973552l-22.124903 54.813397c-8.413624 25.616424-35.281551 45.783743-61.603033 45.783743l-39.575344 0c-6.630001 0-13.010315 3.411703-13.010315 10.822486l0 65.943898c0 6.942109 5.753027 13.284561 12.95301 13.284561l39.631626 0c26.380834 0 53.195549 19.35072 61.524239 44.537356l22.182208 53.629431c12.027941 23.731494 6.918573 56.449663-11.863189 75.05644l-28.022217 27.949562c-5.021364 5.066389-5.048993 13.348006 0.010233 18.409279l46.713928 46.653553c2.452865 2.464121 5.695722 3.794419 9.168824 3.794419 3.472078 0 6.711865-1.336438 9.124821-3.759627l28.181853-28.122501c18.641569-18.730597 51.440579-23.752983 75.011414-11.642155L421.86719 806.892287z"  ></path><path d="M513.734504 731.880873c-120.639614 0-218.786958-98.147344-218.786958-218.786958s98.147344-218.786958 218.786958-218.786958 218.786958 98.147344 218.786958 218.786958S634.375142 731.880873 513.734504 731.880873zM513.734504 334.324368c-98.573039 0-178.769546 80.195483-178.769546 178.769546s80.195483 178.769546 178.769546 178.769546 178.769546-80.195483 178.769546-178.769546S612.308567 334.324368 513.734504 334.324368z"  ></path></symbol><symbol id="iconzhongzhuan" viewBox="0 0 1024 1024"><path d="M659.750065 345.505012l208.611202 0-136.581702 81.603553c-9.486048 5.66707-12.580526 17.950837-6.91448 27.436886 3.747347 6.27082 10.384511 9.749038 17.195637 9.749038 3.491521 0 7.028067-0.914836 10.242272-2.835581l198.816115-118.786407c6.045693-3.611248 9.745968-10.134825 9.745968-17.175171 0-7.040347-3.700275-13.563924-9.745968-17.175171l-198.816115-118.785384c-9.490142-5.669116-21.769816-2.572592-27.437909 6.913457-5.666046 9.486048-2.571568 21.769816 6.91448 27.436886l136.581702 81.602529L659.750065 305.489646c-114.183576 0-207.078289 92.895737-207.078289 207.080336 0 92.119047-74.944899 167.063947-167.063947 167.063947L84.531232 679.633928c-11.04966 0-20.007683 8.958022-20.007683 20.007683s8.958022 20.007683 20.007683 20.007683l201.076598 0c114.184599 0 207.079312-92.894713 207.079312-207.079312C492.687142 420.449911 567.631018 345.505012 659.750065 345.505012z"  ></path><path d="M84.531232 345.505012l201.076598 0c39.496549 0 77.818343 14.034645 107.906615 39.520085 3.76065 3.183506 8.352225 4.739954 12.922311 4.739954 5.678326 0 11.319813-2.403746 15.276938-7.076162 7.141654-8.432043 6.094812-21.056572-2.336208-28.199249-37.306674-31.597649-84.813664-48.999994-133.769656-48.999994L84.531232 305.489646c-11.04966 0-20.007683 8.958022-20.007683 20.007683C64.523549 336.548012 73.481571 345.505012 84.531232 345.505012z"  ></path><path d="M951.119109 682.467463 752.302995 563.677986c-9.490142-5.666046-21.769816-2.571568-27.437909 6.91448-5.666046 9.486048-2.571568 21.769816 6.91448 27.437909l136.581702 81.603553L659.750065 679.633928c-40.956807 0-80.354096-14.966876-110.932532-42.144866-8.256034-7.339152-20.903076-6.596232-28.246321 1.662873-7.340175 8.259104-6.596232 20.906146 1.663896 28.247344 37.910425 33.694403 86.74669 52.250014 137.514957 52.250014l208.610178 0-136.580678 81.601506c-9.486048 5.668093-12.580526 17.951861-6.91448 27.437909 3.747347 6.269797 10.384511 9.750061 17.195637 9.750061 3.491521 0 7.028067-0.914836 10.242272-2.835581l198.816115-118.785384c6.045693-3.612271 9.745968-10.134825 9.745968-17.176195C960.865077 692.600241 957.163779 686.077687 951.119109 682.467463z"  ></path></symbol><symbol id="iconadd" viewBox="0 0 1025 1024"><path d="M895.531061 485.788536 535.640488 485.788536 535.640488 125.897963c0-13.5716-11.001648-24.573248-24.573248-24.573248s-24.573248 11.001648-24.573248 24.573248l0 359.890572L126.604444 485.788536c-13.5716 0-24.573248 11.001648-24.573248 24.573248s11.001648 24.573248 24.573248 24.573248l359.889548 0 0 359.890572c0 13.5716 11.001648 24.573248 24.573248 24.573248s24.573248-11.001648 24.573248-24.573248L535.640488 534.934007l359.890572 0c13.5716 0 24.573248-11.001648 24.573248-24.573248S909.102661 485.788536 895.531061 485.788536z"  ></path></symbol><symbol id="iconminus" viewBox="0 0 1025 1024"><path d="M895.531061 534.934007 126.604444 534.934007c-13.5716 0-24.573248-11.001648-24.573248-24.573248s11.001648-24.573248 24.573248-24.573248l768.926616 0c13.5716 0 24.573248 11.001648 24.573248 24.573248S909.102661 534.934007 895.531061 534.934007z"  ></path></symbol><symbol id="iconpassword" viewBox="0 0 1024 1024"><path d="M775.830091 388.443346h-70.590665c0-113.381009-86.656855-200.039821-197.104821-200.039822-110.602543 0-197.106778 86.658812-197.106778 200.039822h-70.743285c0-136.090083 120.023893-270.632443 267.697443-270.632443S775.837918 252.355219 775.837918 388.443346h-0.007827z m89.595769 129.296536c0-38.925928-31.668651-70.588708-70.592622-70.588708H229.162849c-38.929841 0-70.592622 31.662781-70.592622 70.588708v321.91472c0 38.927884 31.666694 70.590665 70.592622 70.590665h565.513856c38.927884 0 70.590665-31.666694 70.590665-70.590665V517.739882h0.15849z m-297.511174 232.810075c0 29.193467-23.638491 52.980665-52.980664 52.980665h-7.568387c-29.197381 0-52.982621-23.636534-52.982621-52.980665v-143.656513c0-29.195424 23.636534-52.982621 52.982621-52.982621h7.568387c29.193467 0 52.980665 23.636534 52.980664 52.982621v143.656513z" fill="#525252" ></path></symbol><symbol id="iconyonghu" viewBox="0 0 1024 1024"><path d="M602.08 960.576l-178.592 0c-169.408 0-303.2 0-303.2-87.872l0-17.568c0-164.672 136.032-298.624 303.2-298.624l178.592 0c167.168 0 303.2 133.952 303.2 298.624l0 17.568C905.248 960.576 764.736 960.576 602.08 960.576zM423.456 609.184c-138.112 0-250.496 110.304-250.496 245.92l0 17.568c0 35.168 144.768 35.168 250.496 35.168l178.592 0c87.52 0 250.496 0 250.496-35.168l0-17.568c0-135.616-112.384-245.92-250.496-245.92L423.456 609.184zM503.84 538.88c-132.736 0-240.672-106.4-240.672-237.184s107.936-237.152 240.672-237.152 240.672 106.368 240.672 237.152S636.544 538.88 503.84 538.88zM315.872 301.696c0 101.696 84.32 184.48 187.968 184.48s187.968-82.752 187.968-184.48-84.32-184.448-187.968-184.448S315.872 200 315.872 301.696z"  ></path></symbol><symbol id="iconquanxian" viewBox="0 0 1024 1024"><path d="M511.779622 0L110.521826 126.228186A35.821512 35.821512 0 0 0 85.333049 160.51449l2.046943 496.270092 0.454877 5.685954c0.739174 3.411573 17.228442 86.426505 99.276762 166.371023 63.114093 61.635745 217.885769 142.205717 283.899698 176.548881 10.348437 5.458516 18.195054 9.438684 22.573239 11.883645l7.50546 4.093887c5.117359 2.729258 11.315049 2.842977 16.489267 0.227438l10.973892-5.572235c38.664489-18.763649 234.943632-115.879749 307.894426-187.067897 82.16204-80.058237 98.594448-163.01631 99.276762-166.484742L938.226195 160.51449a35.821512 35.821512 0 0 0-25.188778-34.343164L511.779622 0z m334.845849 643.650027c-2.842977 11.428768-19.332245 67.605997-75.168316 122.077439-54.016566 52.708796-200.31617 128.10455-253.536703 154.544238a16.489267 16.489267 0 0 1-15.124638-0.113719H502.682095c-54.244004-28.202333-198.098648-103.086352-250.636866-154.373659-56.00665-54.585161-72.382198-110.70553-75.282035-122.077439l-1.705786-430.313022c0-6.425128 4.150747-12.167942 10.348437-14.101167l316.139059-99.5042a33.717709 33.717709 0 0 1 20.298857 0l316.139059 99.5042a14.783481 14.783481 0 0 1 10.462156 14.101167l-1.819505 430.369881-0.05686-0.056859zM517.863593 239.378676a148.630846 148.630846 0 0 1 104.621559 42.417219c27.633738 27.008283 43.213253 63.910126 43.099534 102.347178a142.376296 142.376296 0 0 1-43.724989 102.176599 147.834812 147.834812 0 0 1-67.890294 37.129281l-0.398017 60.725992 61.294587 0.170579a36.788124 36.788124 0 0 1 26.041671 10.462156c6.936864 6.823145 10.803313 16.034391 10.803313 25.700513a36.958703 36.958703 0 0 1-37.072422 36.10581l-61.237728-0.113719-0.227438 100.925689a36.958703 36.958703 0 0 1-37.072422 34.456883 36.958703 36.958703 0 0 1-37.072422-34.456883l0.909753-234.090739a143.854644 143.854644 0 0 1-105.81561-101.209986 142.205717 142.205717 0 0 1 38.664489-140.67051 149.142581 149.142581 0 0 1 105.019576-42.076062h0.05686z m84.152124 143.286049a78.40931 78.40931 0 0 0-23.994728-56.859543 83.810966 83.810966 0 0 0-116.334625-0.227439 79.091624 79.091624 0 0 0-0.284297 113.377929c15.408936 15.181498 36.219529 23.710429 57.996734 23.539851 44.179865 0.170579 82.446337-37.129282 82.560056-80.001377v0.113719z"  ></path></symbol><symbol id="iconjiaose1" viewBox="0 0 1024 1024"><path d="M972.888 839.264c-0.003-139.786-80.267-259.269-193.774-307.996 54.974-39.618 91.202-107.115 91.202-183.765 0-104.65-67.5-192.23-158.103-215.007-0.84-0.22-1.629-0.103-2.396 0.218-1.032-0.104-2.03-0.343-3.078-0.343-19.357 0-35.047 16.93-35.047 37.805 0 18.856 12.837 34.352 29.577 37.204 2.98 1.31 6.887 2.308 7.04 2.367 52.47 19.206 90.23 72.708 90.23 135.79 0 70.341-46.976 128.792-108.93 141.026-0.088 0.008-0.161 0.18-0.248 0.227-20.61 1.405-36.983 19.697-36.983 42.276 0 22.919 16.85 41.482 37.902 42.387 0.148 0.076 0.274 0.324 0.424 0.334 124.602 13.688 212.926 128.16 212.926 267.485 0 20.62 15.508 37.344 34.634 37.344 18.658 0 33.76-15.956 34.488-35.888 0.024-0.194 0.139-0.35 0.139-0.542 0-0.07-0.022-0.14-0.022-0.223 0.01-0.233 0.022-0.458 0.022-0.686v-0.013h-0.003M557.914 537.466c65.646-47.436 108.888-128.095 108.888-219.718 0-145.993-109.742-264.355-245.123-264.355-135.376 0-245.125 118.362-245.125 264.355 0 91.63 43.25 172.282 108.887 219.718C149.74 595.87 53.793 738.796 53.793 905.982c0 9.416 0.496 18.681 1.163 27.901h0.062c0 20.35 15.293 36.831 34.165 36.831 18.861 0 34.158-16.48 34.158-36.83 0-1.148-0.216-2.228-0.315-3.352-0.657-8.111-1.223-16.236-1.223-24.55 0-178.61 134.253-323.388 299.873-323.388s299.877 144.779 299.877 323.388c0 8.618-0.565 17.096-1.27 25.5-0.002 0.439-0.118 0.837-0.118 1.278 0 0.138 0.04 0.264 0.04 0.393-0.022 0.24-0.014 0.494-0.04 0.73h0.113c0.565 19.804 15.549 35.716 34.048 35.716 18.508 0 33.49-15.902 34.057-35.717h0.074c0.641-9.224 1.1-18.495 1.1-27.887 0.006-167.199-95.935-310.125-231.643-368.529M421.679 507.64c-97.245 0-176.076-85.019-176.076-189.892 0-104.868 78.831-189.886 176.076-189.886 97.246 0 176.075 85.017 176.075 189.886 0 104.873-78.829 189.892-176.075 189.892m0 0z"  ></path></symbol><symbol id="iconzidian" viewBox="0 0 1024 1024"><path d="M349.296361 347.199607h328.588737c14.139022 0 25.600051-11.462053 25.600051-25.600051 0-14.137998-11.461029-25.600051-25.600051-25.600052H349.296361c-14.137998 0-25.600051 11.462053-25.600051 25.600052 0 14.139022 11.462053 25.600051 25.600051 25.600051zM349.296361 510.399549h328.588737c14.139022 0 25.600051-11.461029 25.600051-25.600051 0-14.137998-11.461029-25.600051-25.600051-25.600051H349.296361c-14.137998 0-25.600051 11.462053-25.600051 25.600051 0 14.139022 11.462053 25.600051 25.600051 25.600051z"  ></path><path d="M894.998951 755.199974v-51.200102h-0.001024V131.200134c0-44.277436-36.310997-80.000032-80.896448-80.000032H205.846228c-44.584428 0-80.896448 35.722596-80.896448 80.000032v707.199751c0 74.321706 61.067844 134.400013 136.191822 134.400013h633.587196v-0.00307c0.090051 0 0.179079 0.00307 0.269129 0.00307v-51.200103c-47.032176 0-84.99172-37.344536-84.991719-83.19991 0.001023-45.855374 37.960567-83.19991 84.992743-83.199911zM205.846228 102.400205h608.256275c16.493649 0 29.696346 12.988826 29.696345 28.799929v572.799738H261.141602c-32.129768 0-61.681828 10.996448-84.99172 29.389354V131.200134c0-15.812127 13.202697-28.79993 29.696346-28.799929z m-29.696346 735.99968c0-45.855374 37.959543-83.19991 84.99172-83.199911h526.891152c-18.296715 22.871917-29.225625 51.760874-29.225625 83.199911s10.929934 60.327994 29.225625 83.19991H261.141602c-47.032176 0-84.99172-37.344536-84.99172-83.19991z"  ></path></symbol><symbol id="iconcssz" viewBox="0 0 1024 1024"><path d="M620.66357422 961.0578125c-34.60078125 0-63.54580078-20.57167969-79.51552735-56.50400391-7.20878906-16.19121094-15.24902344-21.34863281-20.68330078-23.78847656-9.53789062-4.38046875-16.5796875-3.16054687-25.72910156 3.82587891-7.37490234 5.60039063-12.30996094 11.81074219-15.02666016 18.96416015-16.35820312 42.14267578-59.66455078 64.10039063-104.52392578 55.5609375-42.80800781-8.04023438-76.90957031-23.01152344-104.3024414-45.69082031-19.74023438-16.41357422-31.05175781-35.04462891-34.60078125-57.05859375-3.04980469-19.01953125 1.71914063-35.1 6.26572265-46.96611328 3.71513672-9.81474609 6.54345703-17.91035156 6.21035157-25.39599609-0.38847656-7.31953125-5.878125-13.80673828-12.58681641-14.6944336-12.91992188-1.71914063-26.3390625 1.27529297-39.59121094 4.32509766-37.20673828 8.48408203-70.25537109-3.71513672-92.76855468-33.76933594-23.78759766-31.66171875-37.26210938-67.48242188-39.97968751-106.46367187-3.04980469-42.75263672 15.63662109-75.02431641 52.62275391-90.7163086 13.19677734-5.60039063 22.23544922-13.69599609 27.55898438-24.67529297 4.71357422-9.70400391 1.940625-14.30595703-1.0538086-17.79960937-10.42470703-12.53144531-15.47050781-15.58125-17.578125-16.35820313C72.70419922 465.27646484 55.73603516 410.38085937 66.10537109 365.85458984c6.48808594-28.05820313 16.41357422-60.49599609 40.42353516-88.22109375 23.89921875-27.50361328 53.28808594-37.48447266 85.22753906-28.33505859l5.98886719 1.71914062c9.87011719 2.88369141 18.35419922 5.32353516 25.89521484 5.32353516 26.3390625-1.66376953 27.33662109-16.30195313 27.78046875-22.56855469l0.66533203-10.6461914c0.27685547-2.27373047-0.38847656-18.90878906-2.38447265-26.89365235-8.59482422-34.1015625 2.66132813-65.98564453 31.77333984-89.6633789 28.83427734-23.51074219 63.93427734-37.040625 110.51279297-42.58564453 38.26054688-4.60195313 67.81552734 13.30839844 84.33984375 48.57451171 5.43427734 11.42314453 9.759375 18.18808594 14.97128906 23.23388672 13.03066406 12.58681641 39.20361328 5.21191406 47.29921875-11.58925781 4.8796875-10.09160156 11.20078125-20.18408203 18.74179688-30.05419922 18.07646484-23.45537109 44.97011719-34.32392578 75.35742187-29.94345703 28.2796875 4.21435547 64.93271484 12.42070312 96.5390625 38.70439453 18.02109375 14.97128906 35.54384766 32.77089844 41.25498047 60.93984375 4.10361328 20.23945313-1.82988281 37.20673828-6.21035156 49.57294922-2.82832031 8.15097656-3.88125 15.24902344-3.21591797 22.34619141 1.05380859 11.64462891 12.36533203 22.67929687 23.73310547 23.06689453 10.09160156-0.83144531 19.96171875-1.71914063 28.83427734-5.43427735 12.19921875-5.04580078 24.3984375-7.59638672 36.20917969-7.59638671 19.29638672 0 47.07773438 6.70957031 70.08925781 38.75976562 21.51474609 29.99882813 34.04619141 65.54267578 38.42666016 108.62753906 3.82587891 37.48447266-15.52587891 68.64785156-53.01035156 85.39365235-8.04023438 3.60439453-14.30595703 7.98486328-19.46337891 13.5852539-6.65419922 7.09804687-9.31552734 16.41357422-7.54101562 25.72910157 1.71914063 9.14941406 7.59638672 16.69042969 16.02509765 20.73867187 15.24902344 7.15341797 32.54941406 16.96816406 45.63544922 34.93388672 15.41513672 20.96015625 20.73867188 45.91318359 15.80361328 74.02587891-4.32509766 25.17451172-13.25302734 62.27050781-40.47890625 93.37851562-25.72910156 29.38886719-53.73105469 35.59921875-72.69521484 35.59921875-8.04023438 0-16.35820312-1.10917969-24.61992188-3.21591797-13.86298828-3.60439453-28.11357422-7.04179688-42.41953125-4.26972656-6.04423828 1.10917969-13.75136719 9.81474609-14.13984375 16.08046875-0.72070313 10.48007813 0.22148437 18.02109375 2.9944336 24.28681641 18.02109375 40.64501953 4.21435547 87.16816406-33.54697266 113.11875-29.44423828 20.18408203-62.54824219 32.88164062-98.4796875 37.70595703-3.99462891 0.55371094-7.93125 0.77519531-11.75800781 0.77519531zM510.31777344 814.16972656c12.25458984 0 24.56455078 2.71669922 36.59677734 8.15097656 23.17851562 10.53544922 40.92275391 29.44423828 52.78886719 56.22626954 8.20634766 18.40957031 17.79960937 18.40957031 20.96015625 18.40957031l3.21591797-0.22148438c26.22832031-3.49365234 49.35058594-12.36533203 70.75458984-27.05976562 9.31552734-6.37646484 17.85498047-19.24101562 11.20078125-34.32392578-9.31552734-21.07089844-9.26015625-41.19960938-8.37333984-54.50800782 2.43984375-35.70996094 31.77333984-68.53623047 66.70634765-74.85820312 25.45136719-4.60283203 50.40439453 0.27685547 69.81152344 5.26816406 9.09404297 2.27373047 16.91191406 5.93349609 33.10400391-12.53144531 12.80917969-14.58369141 20.68330078-33.76933594 25.56298828-62.10439453 2.38447266-13.640625-0.88681641-20.40556641-4.38046875-25.17451172-4.43583984-6.09960938-11.75537109-10.36933594-21.34863281-14.91591797-27.11513672-12.80917969-45.91318359-37.09599609-51.56894532-66.59560547-5.65576172-29.61035156 2.9390625-59.27607422 23.51074219-81.34541015 10.97929687-11.86611328 24.12070313-21.23789062 40.20117188-28.50117188 16.85654297-7.48564453 16.02509766-15.30439453 15.5258789-20.4609375-3.21591797-31.66171875-11.97773437-57.05859375-26.78291015-77.68564453-8.65019531-12.03310547-15.41513672-12.03310547-17.96572266-12.03310547-3.32666016 0-7.26416016 0.88681641-11.58925781 2.71669922-16.52431641 6.87568359-33.71396484 10.36933594-50.90361328 10.36933594-48.79599609-1.77451172-86.16972656-37.53984375-90.16259766-81.51152344-1.44140625-16.30195313 0.72070313-32.43867187 6.65419922-49.23984375 2.16298828-6.26572266 4.43583984-12.6984375 3.82587891-15.63662109-1.71914063-8.37333984-8.15097656-15.02666016-19.40800782-24.3984375-15.35976562-12.75380859-34.76777344-20.07333984-65.04345703-24.56455078-7.59638672-0.44384766-11.20078125 0.66533203-14.97128906 5.54501953-4.93505859 6.43183594-8.92792969 12.75380859-11.92148438 18.90878906-15.96972656 33.159375-50.40439453 54.61875-87.6665039 54.61875-23.4 0-45.41396484-8.81630859-61.99365235-24.84140625-13.86298828-13.47451172-22.06933594-28.77890625-28.33505859-41.97568359-5.821875-12.47607422-11.58925781-12.47607422-15.35976562-12.47607422-37.37373047 4.26972656-61.99365234 13.36376953-81.0131836 28.83427734-12.42070312 10.14697266-11.92148438 17.07890625-10.03623047 24.45380859 2.99443359 12.08847656 4.49121094 37.20673828 4.49121094 37.20673829l0.11074219 1.8852539-1.10917969 18.46494141c-3.27128906 46.57851563-36.81914063 78.79482422-85.55976562 82.01074219l-6.21035157 0.16611328c-16.63505859 0-31.05175781-4.15898438-43.75019531-7.8741211l-5.60039063-1.60839843c-6.37646484-0.72070313-11.03466797-0.83144531-19.29638671 8.65019531-14.80517578 17.07890625-21.459375 39.31435547-26.44980469 60.77373047-3.16054687 13.58525391-0.94306641 36.26455078 18.18808594 43.02949218 19.62949219 6.93105469 34.60078125 22.67929687 45.46933593 35.65458985 20.73867188 24.84140625 24.17607422 56.559375 9.48164063 86.94580078-12.25458984 25.22988281-32.49404297 43.91630859-60.16376953 55.67167969-8.31796875 3.54902344-15.08291016 8.04023438-13.6959961 27.2258789 1.82988281 26.50517578 10.97929687 50.84824219 27.22587891 72.47373047 10.53544922 14.02910156 17.79960937 11.97773437 27.17050781 9.8147461 18.74179688-4.32509766 40.03505859-8.42871094 62.4366211-5.43427735 37.53984375 4.93505859 66.20800781 36.59765625 68.09326172 75.24580078 0.88681641 19.79560547-4.60195313 36.0984375-10.31396485 51.12509766-2.55058594 6.76494141-3.38203125 10.81318359-2.82832031 14.02910156 0.72070313 4.65820313 2.71669922 10.03623047 12.25458984 17.96572266 18.96416016 15.74824219 42.91875 25.89521484 75.24580078 31.99482422 2.60595703 0.49921875 5.21191406 0.72070313 7.81875 0.72070312 18.57568359 0 23.4-12.30996094 24.95302735-16.35820312 6.98642578-18.24345703 19.18564453-34.1015625 36.0984375-46.96611328 16.97080078-12.86367187 35.21425781-19.35175781 54.34453125-19.35175782z"  ></path><path d="M508.65400391 726.89169922c-117.22236328 0-212.92910156-96.76054688-213.31757813-215.64667969-0.38847656-119.38447266 93.37851563-214.03828125 213.5390625-215.53505859 119.71757813 0 215.70205078 96.26132812 216.64423828 214.59287109 0.9984375 118.27529297-95.31914063 215.42431641-214.64824218 216.58886719h-2.21748047z m2.9390625-367.08134766c-86.44746094 1.05380859-152.43310547 67.48330078-152.1553711 151.2131836 0.27685547 83.67451172 67.20556641 151.76777344 149.2171875 151.76777343h1.55302735c84.06298828-0.83144531 151.87851563-68.98007813 151.21318359-151.93388671-0.66621094-83.28691406-67.87265625-151.04707031-149.82802734-151.04707032z"  ></path></symbol><symbol id="iconbianji1" viewBox="0 0 1024 1024"><path d="M153.6 902.656a32.256 32.256 0 0 1 0-64h716.8a32.256 32.256 0 0 1 0 64zM743.936 151.04l72.192 72.192a51.2 51.2 0 0 1 0 72.192L358.4 751.616a51.2 51.2 0 0 1-36.352 14.848H226.816a25.6 25.6 0 0 1-25.6-25.6v-97.792a51.2 51.2 0 0 1 14.848-36.352l455.68-455.68a51.2 51.2 0 0 1 72.192 0z m-478.72 497.152v54.272h54.272l442.88-442.88L708.096 204.8z" fill="#5A5A68" ></path></symbol><symbol id="icondfzq-" viewBox="0 0 1024 1024"><path d="M456.533333 906.666667H119.466667c12.8-177.066667 123.733333-296.533333 277.333333-296.533334 51.2 0 96 12.8 134.4 36.266667 17.066667 10.666667 38.4 6.4 49.066667-8.533333l2.133333-2.133334c10.666667-17.066667 6.4-38.4-10.666667-49.066666-19.2-12.8-42.666667-23.466667-64-29.866667 93.866667-40.533333 157.866667-134.4 157.866667-241.066667 0-147.2-119.466667-266.666667-268.8-266.666666S130.133333 168.533333 130.133333 313.6c0 106.666667 64 198.4 157.866667 241.066667C140.8 603.733333 42.666667 753.066667 42.666667 945.066667c0 21.333333 17.066667 38.4 36.266666 38.4h373.333334c21.333333 0 36.266667-17.066667 36.266666-38.4 4.266667-21.333333-12.8-38.4-32-38.4zM204.8 315.733333c0-104.533333 85.333333-189.866667 192-189.866666s194.133333 85.333333 194.133333 189.866666-87.466667 189.866667-194.133333 189.866667c-106.666667-2.133333-192-87.466667-192-189.866667z m738.133333 424.533334h-29.866666c-4.266667-17.066667-10.666667-34.133333-19.2-49.066667l21.333333-21.333333c10.666667-10.666667 14.933333-27.733333 8.533333-40.533334-10.666667-23.466667-40.533333-25.6-55.466666-8.533333l-21.333334 21.333333c-14.933333-8.533333-29.866667-14.933333-46.933333-19.2v-27.733333c0-14.933333-8.533333-29.866667-23.466667-34.133333-23.466667-8.533333-46.933333 10.666667-46.933333 34.133333v29.866667c-17.066667 4.266667-34.133333 10.666667-46.933333 19.2L657.066667 618.666667c-12.8-12.8-34.133333-12.8-49.066667 0-14.933333 12.8-14.933333 36.266667 0 51.2l25.6 25.6c-8.533333 14.933333-14.933333 29.866667-19.2 46.933333h-29.866667c-14.933333 0-29.866667 8.533333-34.133333 23.466667-8.533333 23.466667 10.666667 46.933333 34.133333 46.933333h29.866667c4.266667 17.066667 10.666667 32 19.2 46.933333l-21.333333 21.333334c-10.666667 10.666667-14.933333 27.733333-8.533334 40.533333 10.666667 23.466667 40.533333 25.6 55.466667 8.533333l21.333333-21.333333c14.933333 8.533333 32 17.066667 49.066667 19.2v29.866667c0 14.933333 8.533333 29.866667 23.466667 34.133333 23.466667 8.533333 46.933333-10.666667 46.933333-34.133333v-32c17.066667-4.266667 34.133333-10.666667 46.933333-19.2l21.333334 21.333333c10.666667 10.666667 27.733333 14.933333 40.533333 8.533333 23.466667-10.666667 25.6-40.533333 8.533333-55.466666l-21.333333-21.333334c8.533333-14.933333 14.933333-29.866667 19.2-46.933333h29.866667c23.466667 0 40.533333-21.333333 34.133333-46.933333-4.266667-17.066667-19.2-25.6-36.266667-25.6z m-157.866666 117.333333c-66.133333 17.066667-123.733333-40.533333-106.666667-106.666667 8.533333-29.866667 32-51.2 59.733333-59.733333 66.133333-17.066667 123.733333 40.533333 106.666667 106.666667-6.4 29.866667-29.866667 53.333333-59.733333 59.733333z m0 0"  ></path></symbol><symbol id="iconfenxiang" viewBox="0 0 1024 1024"><path d="M763.84 896c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333c47.128 0 85.333 38.205 85.333 85.333 0 47.128-38.205 85.333-85.333 85.333M329.92 558.848c-14.895 26.231-42.641 43.638-74.453 43.638-47.128 0-85.333-38.205-85.333-85.333 0-16.097 4.457-31.152 12.204-44 14.935-24.769 42.098-41.333 73.13-41.333 47.128 0 85.333 38.205 85.333 85.333 0 15.317-4.035 29.691-11.101 42.117M763.84 128c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333c-47.128 0-85.333-38.205-85.333-85.333 0-47.128 38.205-85.333 85.333-85.333M763.84 682.667c-0.021 0-0.047 0-0.072 0-39.16 0-74.203 17.626-97.628 45.378l-289.885-167.063c4.932-13.101 7.787-28.245 7.787-44.055 0-0.105 0-0.209 0-0.314 0-0.072 0-0.177 0-0.281 0-15.81-2.855-30.953-8.077-44.942l295.544-169.566c23.265 24.363 56.001 39.509 92.275 39.509 0.020 0 0.039 0 0.059 0 70.689 0 127.997-57.308 127.997-128 0-70.692-57.308-128-128-128-70.692 0-128 57.308-128 128 0 18.965 4.224 36.907 11.627 53.099l-292.288 168.747c-23.653-28.833-59.285-47.084-99.18-47.084-70.692 0-128 57.308-128 128 0 0.188 0 0.376 0.001 0.564-0.001 0.123-0.001 0.304-0.001 0.484 0 70.692 57.308 128 128 128 39.895 0 75.526-18.251 99.001-46.86l289.373 166.752c-5.397 13.568-8.529 29.29-8.533 45.743 0 70.582 57.308 127.889 128 127.889 70.692 0 128-57.308 128-128 0-70.692-57.308-128-128-128z" fill="#777777" ></path></symbol><symbol id="iconshouquan1" viewBox="0 0 1026 1024"><path d="M487.86343 635.729992a272.638998 272.638998 0 1 1 272.638998-272.638997 272.638998 272.638998 0 0 1-272.638998 272.638997z m0-481.127643a208.488645 208.488645 0 1 0 208.488645 208.488646 208.488645 208.488645 0 0 0-208.488645-208.488646z"  ></path><path d="M199.186844 924.406578h-64.150352A352.826938 352.826938 0 0 1 737.729052 674.861707l-45.386374 45.386374a288.676586 288.676586 0 0 0-493.155834 204.158497z"  ></path><path d="M659.305247 933.548003l-157.970243-159.413626 45.54675-45.225998 112.90462 113.866876 250.667502-248.261864 45.065623 45.54675-296.214252 293.487862z"  ></path></symbol><symbol id="iconjiantou" viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#bfbfbf" ></path><path d="M424.64 515.04l208.768 208.736a31.616 31.616 0 0 1-44.736 44.736l-223.648-223.648a31.616 31.616 0 0 1-8.384-29.824 31.616 31.616 0 0 1 8.384-29.824l223.68-223.648a31.616 31.616 0 0 1 44.704 44.736l-208.736 208.736z" fill="#FFFFFF" ></path></symbol><symbol id="iconjiantou-copy-copy" viewBox="0 0 1024 1024"><path d="M512 512m512 0a512 512 0 1 0-1024 0 512 512 0 1 0 1024 0Z" fill="#cdcdcd" ></path><path d="M599.36 508.96l-208.768-208.736a31.616 31.616 0 0 1 44.736-44.736l223.648 223.648a31.616 31.616 0 0 1 8.384 29.824 31.616 31.616 0 0 1-8.384 29.824l-223.68 223.648a31.616 31.616 0 0 1-44.704-44.736l208.736-208.736z" fill="#FFFFFF" ></path></symbol></svg>',t=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss");if(t&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(c){console&&console.log(c)}}function s(){z||(z=!0,a())}l=function(){var c,l,h,a;(a=document.createElement("div")).innerHTML=m,m=null,(h=a.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",c=h,(l=document.body).firstChild?(a=c,(h=l.firstChild).parentNode.insertBefore(a,h)):l.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(h=function(){document.removeEventListener("DOMContentLoaded",h,!1),l()},document.addEventListener("DOMContentLoaded",h,!1)):document.attachEvent&&(a=l,i=c.document,z=!1,(o=function(){try{i.documentElement.doScroll("left")}catch(c){return void setTimeout(o,50)}s()})(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,s())})}(window);
\ No newline at end of file
diff --git a/report-ui/src/assets/iconfont/iconfont.json b/report-ui/src/assets/iconfont/iconfont.json
new file mode 100644
index 00000000..a2651d7f
--- /dev/null
+++ b/report-ui/src/assets/iconfont/iconfont.json
@@ -0,0 +1,541 @@
+{
+  "id": "1513211",
+  "name": "基础权限",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "18774317",
+      "name": "返回",
+      "font_class": "1",
+      "unicode": "e63b",
+      "unicode_decimal": 58939
+    },
+    {
+      "icon_id": "5388367",
+      "name": "下载",
+      "font_class": "xiazai",
+      "unicode": "e639",
+      "unicode_decimal": 58937
+    },
+    {
+      "icon_id": "14245657",
+      "name": "下载",
+      "font_class": "11-04",
+      "unicode": "e784",
+      "unicode_decimal": 59268
+    },
+    {
+      "icon_id": "4933441",
+      "name": "邮箱",
+      "font_class": "youxiang",
+      "unicode": "e769",
+      "unicode_decimal": 59241
+    },
+    {
+      "icon_id": "7140630",
+      "name": "绑定手机",
+      "font_class": "bangdingshouji",
+      "unicode": "e64d",
+      "unicode_decimal": 58957
+    },
+    {
+      "icon_id": "8288872",
+      "name": "手机",
+      "font_class": "shouji",
+      "unicode": "e854",
+      "unicode_decimal": 59476
+    },
+    {
+      "icon_id": "16218102",
+      "name": "52-手机",
+      "font_class": "52-shouji",
+      "unicode": "e871",
+      "unicode_decimal": 59505
+    },
+    {
+      "icon_id": "684484",
+      "name": "home",
+      "font_class": "home",
+      "unicode": "e610",
+      "unicode_decimal": 58896
+    },
+    {
+      "icon_id": "7165766",
+      "name": "home",
+      "font_class": "home2",
+      "unicode": "e61a",
+      "unicode_decimal": 58906
+    },
+    {
+      "icon_id": "981325",
+      "name": "Kafka",
+      "font_class": "Kafka",
+      "unicode": "e65a",
+      "unicode_decimal": 58970
+    },
+    {
+      "icon_id": "4772840",
+      "name": "数据接入—Kafka集群",
+      "font_class": "shujujieruKafkajiqun",
+      "unicode": "e64f",
+      "unicode_decimal": 58959
+    },
+    {
+      "icon_id": "8691927",
+      "name": "kafka",
+      "font_class": "kafka",
+      "unicode": "e6f2",
+      "unicode_decimal": 59122
+    },
+    {
+      "icon_id": "13140799",
+      "name": "elasticsearch-Elasticsearch",
+      "font_class": "elasticsearch-Elasticsearch",
+      "unicode": "e853",
+      "unicode_decimal": 59475
+    },
+    {
+      "icon_id": "15378137",
+      "name": "apachekafka",
+      "font_class": "apachekafka",
+      "unicode": "eb3f",
+      "unicode_decimal": 60223
+    },
+    {
+      "icon_id": "15378319",
+      "name": "elasticsearch",
+      "font_class": "elasticsearch",
+      "unicode": "eb85",
+      "unicode_decimal": 60293
+    },
+    {
+      "icon_id": "3253279",
+      "name": "问题反馈",
+      "font_class": "wentifankui",
+      "unicode": "e8d1",
+      "unicode_decimal": 59601
+    },
+    {
+      "icon_id": "3922909",
+      "name": "问题反馈",
+      "font_class": "wentifankui1",
+      "unicode": "e70e",
+      "unicode_decimal": 59150
+    },
+    {
+      "icon_id": "13177275",
+      "name": "问题反馈",
+      "font_class": "wentifankui2",
+      "unicode": "e643",
+      "unicode_decimal": 58947
+    },
+    {
+      "icon_id": "5583350",
+      "name": "alikafka 消息队列Kafka",
+      "font_class": "alikafkaxiaoxiduilieKafka",
+      "unicode": "e8a4",
+      "unicode_decimal": 59556
+    },
+    {
+      "icon_id": "11033199",
+      "name": "项目查询-查看设备",
+      "font_class": "xiangmuchaxun-chakanshebei",
+      "unicode": "e682",
+      "unicode_decimal": 59010
+    },
+    {
+      "icon_id": "13543355",
+      "name": "elasticsearch Elasticsearch",
+      "font_class": "elasticsearchElasticsearch",
+      "unicode": "e6a1",
+      "unicode_decimal": 59041
+    },
+    {
+      "icon_id": "1308482",
+      "name": "511统计_树图",
+      "font_class": "511tongji_shutu",
+      "unicode": "e64a",
+      "unicode_decimal": 58954
+    },
+    {
+      "icon_id": "8084555",
+      "name": "分享",
+      "font_class": "fenxiang1",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "9148583",
+      "name": "分享",
+      "font_class": "fenxiang2",
+      "unicode": "e60f",
+      "unicode_decimal": 58895
+    },
+    {
+      "icon_id": "9810108",
+      "name": "分享",
+      "font_class": "fenxiang_2",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
+      "icon_id": "10064575",
+      "name": "告警-紧急",
+      "font_class": "NMStubiao-",
+      "unicode": "e628",
+      "unicode_decimal": 58920
+    },
+    {
+      "icon_id": "13186637",
+      "name": "完成安全事件",
+      "font_class": "wanchenganquanshijian",
+      "unicode": "e68a",
+      "unicode_decimal": 59018
+    },
+    {
+      "icon_id": "14772380",
+      "name": "eventbridge 消息事件总线",
+      "font_class": "eventbridgexiaoxishijianzongxian",
+      "unicode": "e74d",
+      "unicode_decimal": 59213
+    },
+    {
+      "icon_id": "16852593",
+      "name": "树",
+      "font_class": "shu",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
+    {
+      "icon_id": "16800949",
+      "name": "设备关机",
+      "font_class": "shebeiguanji",
+      "unicode": "e61d",
+      "unicode_decimal": 58909
+    },
+    {
+      "icon_id": "1111782",
+      "name": "好房拓 4.0.0 iconfont_短信",
+      "font_class": "haofangtuo400iconfontduanxin",
+      "unicode": "e6d8",
+      "unicode_decimal": 59096
+    },
+    {
+      "icon_id": "3703026",
+      "name": "业务参数",
+      "font_class": "navicon-ywcs",
+      "unicode": "e661",
+      "unicode_decimal": 58977
+    },
+    {
+      "icon_id": "3851361",
+      "name": "列表",
+      "font_class": "liebiao",
+      "unicode": "e660",
+      "unicode_decimal": 58976
+    },
+    {
+      "icon_id": "3858850",
+      "name": "编辑",
+      "font_class": "bianji",
+      "unicode": "e60c",
+      "unicode_decimal": 58892
+    },
+    {
+      "icon_id": "5203312",
+      "name": "邮件",
+      "font_class": "youjian",
+      "unicode": "e63a",
+      "unicode_decimal": 58938
+    },
+    {
+      "icon_id": "5321887",
+      "name": "社交钉钉",
+      "font_class": "shejiaodingding",
+      "unicode": "e678",
+      "unicode_decimal": 59000
+    },
+    {
+      "icon_id": "6627754",
+      "name": "字典管理",
+      "font_class": "zidianguanli",
+      "unicode": "e624",
+      "unicode_decimal": 58916
+    },
+    {
+      "icon_id": "7092362",
+      "name": "图表",
+      "font_class": "tubiao",
+      "unicode": "e73f",
+      "unicode_decimal": 59199
+    },
+    {
+      "icon_id": "9307592",
+      "name": "钉钉",
+      "font_class": "dingding",
+      "unicode": "e690",
+      "unicode_decimal": 59024
+    },
+    {
+      "icon_id": "10392609",
+      "name": "短信",
+      "font_class": "duanxin",
+      "unicode": "e603",
+      "unicode_decimal": 58883
+    },
+    {
+      "icon_id": "13592918",
+      "name": "directmail 邮件推送",
+      "font_class": "directmailyoujiantuisong",
+      "unicode": "e714",
+      "unicode_decimal": 59156
+    },
+    {
+      "icon_id": "16589013",
+      "name": "设备设施",
+      "font_class": "shebeisheshi",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    },
+    {
+      "icon_id": "6249282",
+      "name": "通知",
+      "font_class": "tongzhi",
+      "unicode": "e606",
+      "unicode_decimal": 58886
+    },
+    {
+      "icon_id": "7450630",
+      "name": "日志",
+      "font_class": "rizhi",
+      "unicode": "e663",
+      "unicode_decimal": 58979
+    },
+    {
+      "icon_id": "11103449",
+      "name": "触发器配置-灰",
+      "font_class": "chufaqipeizhi-hui",
+      "unicode": "e689",
+      "unicode_decimal": 59017
+    },
+    {
+      "icon_id": "17566612",
+      "name": "vcs 视觉计算服务",
+      "font_class": "vcsshijuejisuanfuwu",
+      "unicode": "e759",
+      "unicode_decimal": 59225
+    },
+    {
+      "icon_id": "17755673",
+      "name": "设备",
+      "font_class": "bar_icon_shebei",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
+    },
+    {
+      "icon_id": "1327507",
+      "name": "user-before",
+      "font_class": "user-before",
+      "unicode": "e617",
+      "unicode_decimal": 58903
+    },
+    {
+      "icon_id": "12353050",
+      "name": "科目维护图标",
+      "font_class": "kemuweihutubiao",
+      "unicode": "e60b",
+      "unicode_decimal": 58891
+    },
+    {
+      "icon_id": "2152435",
+      "name": "会计科目维护",
+      "font_class": "accounting-subjects",
+      "unicode": "e677",
+      "unicode_decimal": 58999
+    },
+    {
+      "icon_id": "7553622",
+      "name": "成本查询",
+      "font_class": "RectangleCopy",
+      "unicode": "e6dd",
+      "unicode_decimal": 59101
+    },
+    {
+      "icon_id": "12453907",
+      "name": "成本数据管理",
+      "font_class": "chengbenshujuguanli",
+      "unicode": "e6c7",
+      "unicode_decimal": 59079
+    },
+    {
+      "icon_id": "13745309",
+      "name": "基本数据",
+      "font_class": "jibenshuju",
+      "unicode": "e71d",
+      "unicode_decimal": 59165
+    },
+    {
+      "icon_id": "7193675",
+      "name": "B-省市区",
+      "font_class": "B-shengshiqu",
+      "unicode": "e72d",
+      "unicode_decimal": 59181
+    },
+    {
+      "icon_id": "16065650",
+      "name": "组织机构",
+      "font_class": "zuzhijigou",
+      "unicode": "e66e",
+      "unicode_decimal": 58990
+    },
+    {
+      "icon_id": "10885920",
+      "name": "按钮",
+      "font_class": "anniu",
+      "unicode": "e8c5",
+      "unicode_decimal": 59589
+    },
+    {
+      "icon_id": "7588087",
+      "name": "菜单",
+      "font_class": "caidan2",
+      "unicode": "e61b",
+      "unicode_decimal": 58907
+    },
+    {
+      "icon_id": "343234",
+      "name": "问号",
+      "font_class": "wenhao",
+      "unicode": "e67f",
+      "unicode_decimal": 59007
+    },
+    {
+      "icon_id": "485800",
+      "name": "垃圾桶",
+      "font_class": "lajitong",
+      "unicode": "e636",
+      "unicode_decimal": 58934
+    },
+    {
+      "icon_id": "524416",
+      "name": "重置密码",
+      "font_class": "zhongzhimima",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "666885",
+      "name": "设置",
+      "font_class": "shezhi",
+      "unicode": "e68f",
+      "unicode_decimal": 59023
+    },
+    {
+      "icon_id": "666902",
+      "name": "中转",
+      "font_class": "zhongzhuan",
+      "unicode": "e69b",
+      "unicode_decimal": 59035
+    },
+    {
+      "icon_id": "1226780",
+      "name": "add",
+      "font_class": "add",
+      "unicode": "e6b9",
+      "unicode_decimal": 59065
+    },
+    {
+      "icon_id": "1226781",
+      "name": "minus",
+      "font_class": "minus",
+      "unicode": "e6ba",
+      "unicode_decimal": 59066
+    },
+    {
+      "icon_id": "1388130",
+      "name": "password",
+      "font_class": "password",
+      "unicode": "e622",
+      "unicode_decimal": 58914
+    },
+    {
+      "icon_id": "1824319",
+      "name": "用户",
+      "font_class": "yonghu",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "2881221",
+      "name": "权限",
+      "font_class": "quanxian",
+      "unicode": "e633",
+      "unicode_decimal": 58931
+    },
+    {
+      "icon_id": "3280236",
+      "name": "角色",
+      "font_class": "jiaose1",
+      "unicode": "e64c",
+      "unicode_decimal": 58956
+    },
+    {
+      "icon_id": "3299246",
+      "name": "字典",
+      "font_class": "zidian",
+      "unicode": "e716",
+      "unicode_decimal": 59158
+    },
+    {
+      "icon_id": "4374688",
+      "name": "参数设置",
+      "font_class": "cssz",
+      "unicode": "e672",
+      "unicode_decimal": 58994
+    },
+    {
+      "icon_id": "4880425",
+      "name": "编辑",
+      "font_class": "bianji1",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    },
+    {
+      "icon_id": "5472800",
+      "name": "用户权限",
+      "font_class": "dfzq-",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "6693043",
+      "name": "分享",
+      "font_class": "fenxiang",
+      "unicode": "e641",
+      "unicode_decimal": 58945
+    },
+    {
+      "icon_id": "10213484",
+      "name": "授权",
+      "font_class": "shouquan1",
+      "unicode": "e634",
+      "unicode_decimal": 58932
+    },
+    {
+      "icon_id": "13416544",
+      "name": "左箭头",
+      "font_class": "jiantou",
+      "unicode": "e653",
+      "unicode_decimal": 58963
+    },
+    {
+      "icon_id": "13416596",
+      "name": "左箭头",
+      "font_class": "jiantou-copy-copy",
+      "unicode": "e654",
+      "unicode_decimal": 58964
+    }
+  ]
+}
diff --git a/report-ui/src/assets/iconfont/iconfont.svg b/report-ui/src/assets/iconfont/iconfont.svg
new file mode 100644
index 00000000..38fcb918
--- /dev/null
+++ b/report-ui/src/assets/iconfont/iconfont.svg
@@ -0,0 +1,254 @@
+<?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" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="1" unicode="&#58939;" d="M609.373473 683.815357H191.617679L331.552218 816.143698a44.857065 44.857065 0 0 1 0 66.066655 51.341836 51.341836 0 0 1-69.918512 0L42.321665 674.941459a45.198369 45.198369 0 0 1-14.139726-36.470744 44.857065 44.857065 0 0 1 14.139726-36.470744l219.11701-207.220136c9.65402-9.166444 22.331017-13.749666 34.959256-13.749665 12.676997 0 25.256478 4.583222 34.910498 13.798423a44.857065 44.857065 0 0 1 0 66.017897l-137.009078 129.500396h408.784382c172.699699 0 318.241371-128.476484 322.141986-291.668436 3.949372-167.726416-139.154416-305.418102-315.705973-305.418102h-63.287467l-2.291611 0.146273h-424.191808l-2.194096-0.146273a48.513891 48.513891 0 0 1-46.514826-39.103659v-15.309911c3.851857-21.453379 22.916109-37.933474 46.319796-39.054901h484.748845c227.3083 0 417.804552 170.066785 421.948955 384.746846 4.290676 219.458314-183.426389 399.325392-414.586545 399.325392h-0.097516z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xiazai" unicode="&#58937;" d="M960-89.6H64c-19.2 0-32 12.8-32 32s12.8 32 32 32h896c19.2 0 32-12.8 32-32s-12.8-32-32-32zM518.4 76.8c-25.6 0-51.2 6.4-70.4 25.6l-320 320c-12.8 12.8-12.8 32 0 44.8s32 12.8 44.8 0l320-320c12.8-12.8 32-12.8 44.8 0l320 320c12.8 12.8 32 12.8 44.8 0s12.8-32 0-44.8l-320-320c-19.2-12.8-44.8-25.6-64-25.6zM518.4 83.2c-19.2 0-32 12.8-32 32V825.6c0 19.2 12.8 32 32 32s32-12.8 32-32v-710.4c0-19.2-12.8-32-32-32z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="11-04" unicode="&#59268;" d="M748.28 113.5h-13.72v75h13.72c78.42 0 142.22 63.8 142.22 142.22s-63.8 142.22-142.22 142.22h-56.41l-0.36 37.14c-0.94 97.81-81.29 177.38-179.11 177.38s-178.17-79.57-179.11-177.38l-0.36-37.14h-54.32c-78.42 0-142.22-63.8-142.22-142.22s63.8-142.22 142.22-142.22h21.06v-75h-21.06c-57.82 0-112.32 22.65-153.44 63.78-41.13 41.12-63.78 95.62-63.78 153.44 0 57.82 22.65 112.32 63.78 153.44 36.98 36.98 84.76 59.02 136.06 63.09 8.18 53.5 33.18 102.81 72.29 141.58 47.9 47.48 111.43 73.63 178.88 73.63s130.98-26.15 178.88-73.63c39.08-38.73 64.06-87.99 72.27-141.42 52.1-3.62 100.69-25.76 138.18-63.25 41.13-41.13 63.78-95.62 63.78-153.44 0-57.82-22.65-112.32-63.78-153.44-41.14-41.13-95.63-63.78-153.45-63.78zM474.6 427.79h75V108.2h-75zM511.92 54.91L344.07 193.32l47.72 57.86 120.29-99.2 121.69 99.67 47.52-58.03z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="youxiang" unicode="&#59241;" d="M834.446 682.553H194.105c-50.176 0-91.022-40.846-91.022-91.022v-423.026c0-50.176 40.846-91.022 91.022-91.022h640.341c50.176 0 91.022 40.846 91.022 91.022V591.531c0 50.176-40.846 91.022-91.022 91.022z m36.409-514.048c0-20.025-16.384-36.409-36.409-36.409H194.105c-20.025 0-36.409 16.384-36.409 36.409V591.531c0 20.025 16.384 36.409 36.409 36.409h640.341c20.025 0 36.409-16.384 36.409-36.409v-423.026zM786.773 537.941L514.275 366.023 241.777 537.941c-12.743 8.078-29.582 4.21-37.661-8.533-8.078-12.743-4.21-29.582 8.533-37.661l286.72-180.907c4.551-2.845 9.557-4.21 14.563-4.21h0.91c5.006 0 10.013 1.365 14.563 4.21l286.72 180.907c12.743 8.078 16.611 24.917 8.533 37.661-8.306 12.857-25.145 16.611-37.888 8.533z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="bangdingshouji" unicode="&#58957;" d="M508.5 80.7c-30.2 0-54.6 24.5-54.6 54.6 0 30.2 24.5 54.6 54.6 54.6 30.2 0 54.6-24.5 54.6-54.6 0-30.2-24.4-54.6-54.6-54.6zM317.2 764.9h382.5c60.4 0 109.3-48.9 109.3-109.3v-546.4c0-60.4-48.9-109.3-109.3-109.3H317.2c-60.4 0-109.3 48.9-109.3 109.3V655.6c0.1 60.4 49 109.3 109.3 109.3zM754.4 218H262.6v-108.8c0-30.2 24.5-54.6 54.6-54.6h382.5c30.2 0 54.6 24.5 54.6 54.6V218z m0 54.7v383c0 30.2-24.5 54.6-54.6 54.6H317.2c-30.2 0-54.6-24.5-54.6-54.6v-383h491.8z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shouji" unicode="&#59476;" d="M736.653061-33.959184H287.346939c-45.97551 0-83.591837 37.616327-83.591837 83.591837V718.367347c0 45.97551 37.616327 83.591837 83.591837 83.591837h449.306122c45.97551 0 83.591837-37.616327 83.591837-83.591837v-668.734694c0-45.97551-37.616327-83.591837-83.591837-83.591837zM287.346939 760.163265c-22.987755 0-41.795918-18.808163-41.795919-41.795918v-668.734694c0-22.987755 18.808163-41.795918 41.795919-41.795918h449.306122c22.987755 0 41.795918 18.808163 41.795919 41.795918V718.367347c0 22.987755-18.808163 41.795918-41.795919 41.795918H287.346939zM616.489796 80.979592H407.510204c-11.493878 0-20.897959 9.404082-20.897959 20.897959s9.404082 20.897959 20.897959 20.897959h208.979592c11.493878 0 20.897959-9.404082 20.897959-20.897959s-9.404082-20.897959-20.897959-20.897959z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="52-shouji" unicode="&#59505;" d="M682.7-42.7H341.3c-70.6 0-128 57.4-128 128V682.7c0 70.6 57.4 128 128 128h341.3c70.6 0 128-57.4 128-128v-597.3c0.1-70.6-57.4-128.1-127.9-128.1z m-341.4 768c-23.5 0-42.7-19.1-42.7-42.7v-597.3c0-23.5 19.1-42.7 42.7-42.7h341.3c23.5 0 42.7 19.1 42.7 42.7V682.7c0 23.5-19.1 42.7-42.7 42.7H341.3zM597.3 85.3H426.7c-23.6 0-42.7 19.1-42.7 42.7s19.1 42.7 42.7 42.7h170.7c23.6 0 42.7-19.1 42.7-42.7-0.1-23.6-19.2-42.7-42.8-42.7z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="home" unicode="&#58896;" d="M889.97888 345.09312l-356.79744 356.81792c-4.23424 4.23936-9.99424 6.61504-15.9744 6.61504-5.9904 0-11.74016-2.3808-15.97952-6.61504l-356.8128-356.81792c-8.82688-8.8064-8.82688-23.12704 0-31.9488 8.82688-8.81664 20.3008-8.81664 29.12256 0l68.29056 71.12704 0-282.61888c0-12.4672 15.76448-28.24704 28.24192-28.24704l157.92128 0 180.75136 0 158.40768 0c12.46208 0 16.94208 15.77984 16.94208 28.24704l0 279.78752 71.10144-68.29056c4.42368-4.38784 11.60192-6.62016 17.38752-6.62016 5.79072 0 12.26752 2.23232 16.6912 6.62016C898.09408 321.9712 898.80576 336.29184 889.97888 345.09312zM580.7616 118.59456 445.184 118.59456l0 152.51456c0 18.688 20.61312 28.24704 39.30112 28.24704l67.78368 0c18.688 0 28.48768-9.55392 28.48768-28.24704L580.75648 118.59456zM738.9184 118.59456l-112.9728 0 0 152.51456c0 43.61216-30.07488 73.43616-73.6768 73.43616L484.48512 344.54528c-43.60192 0-84.48512-29.824-84.48512-73.43616l0-152.51456L287.0272 118.59456l0 310.6816c0 0.05632 2.80064 0.1024 2.80064 0.16384l223.14496 224.54272 225.9456-227.35872L738.9184 118.59456z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="home2" unicode="&#58906;" d="M7.8 457.4c-9.8 13.4-6.8 32.2 6.6 41.9l452.1 334 0.3 0.2c32.5 22.5 75.9 22.1 108-0.8l0.6-0.4L1012 499.4c13.2-10 15.9-28.8 6-42-10-13.2-28.8-15.9-42-6L539.6 784.1c-11.5 8.1-26.8 8.2-38.4 0.3L49.7 450.8c-13.4-9.7-32.2-6.8-41.9 6.6zM874.3-81.10000000000002H593.1l-0.3 171.2c-0.1 43.5-35.5 78.8-79 78.8s-78.9-35.4-79-78.8l-0.3-171.2H151.2c-45.8 0-83.2 37.3-83.4 83.1l-1.1 346.8c-0.1 16.6 13.3 30 29.9 30.1 16.6 0.1 30-13.3 30.1-29.9l1.1-346.8c0-12.9 10.5-23.3 23.4-23.3h223.4l0.2 111.3c0.1 76.5 62.5 138.7 139 138.7s138.8-62.2 139-138.7l0.2-111.3h221.3c12.9 0 23.4 10.5 23.4 23.4L898 349c0 16.6 13.5 30 30 30 16.6 0 30-13.5 30-30l-0.3-346.7c-0.1-46-37.5-83.4-83.4-83.4z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="Kafka" unicode="&#58970;" d="M806.668 286.342c-57.579 0-106.69-34.999-127.577-84.675l-238.783 116.851c7.338 20.322 11.854 42.337 11.854 65.482 0 4.516 0 9.032-0.564 13.548l244.428 119.674c25.402-33.305 65.482-54.756 110.077-54.756 76.207 0 138.302 62.095 138.302 138.302s-62.095 138.302-138.302 138.302-138.302-62.095-138.302-138.302c0-18.064 3.387-34.999 9.596-50.805l-232.573-114.593c-20.322 72.82-84.11 127.577-161.447 134.915v119.674c44.595 9.032 77.901 47.982 77.901 94.836 0 53.063-43.466 96.529-96.529 96.529s-96.529-43.466-96.529-96.529c0-46.853 33.305-85.804 77.901-94.836v-119.674c-94.836-9.596-168.785-89.191-168.785-186.284 0-97.094 73.949-177.252 168.785-186.284l-0-120.238c-44.595-8.467-77.901-47.982-77.901-94.836 0-53.063 43.466-96.529 96.529-96.529s96.529 43.466 96.529 96.529c0 46.853-33.305 85.804-77.901 94.836v120.238c59.272 5.645 110.642 39.515 140.56 88.062l245.557-120.238c-0.564-5.645-1.129-11.29-1.129-16.935 0-76.207 62.095-138.302 138.302-138.302s138.302 62.095 138.302 138.302c0 75.643-62.095 137.738-138.302 137.738z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shujujieruKafkajiqun" unicode="&#58959;" d="M697.051429 221.842286c-29.622857 0-59.245714-11.922286-83.017143-23.917715L412.013714 353.133714c5.924571 17.92 11.849143 35.84 11.849143 59.757715 0 23.917714-5.851429 41.837714-11.849143 59.757714l194.413715 149.430857c17.773714-17.92 47.469714-29.842286 77.165714-29.842286a147.456 147.456 0 0 1 148.406857 149.430857A147.456 147.456 0 0 1 683.52 891.099429 147.456 147.456 0 0 1 535.259429 741.668571c0-29.915429 11.849143-59.830857 23.698285-83.675428L382.317714 526.482286c-29.696 35.84-65.316571 59.757714-106.788571 65.755428v65.755429c53.394286 11.922286 89.014857 59.757714 89.014857 113.517714 0 65.828571-53.394286 119.588571-118.710857 119.588572S127.122286 837.266286 127.122286 771.510857c0-53.76 35.547429-101.595429 89.014857-113.517714v-65.828572C127.122286 574.317714 61.805714 502.637714 61.805714 412.964571s65.316571-161.426286 148.406857-173.348571v-65.755429c-53.394286-11.922286-89.088-59.757714-89.088-113.590857 0-65.755429 53.394286-119.515429 118.710858-119.515428s118.784 53.76 118.784 119.515428c0 53.833143-35.620571 101.668571-89.088 113.590857v65.755429c41.545143 5.997714 83.090286 29.915429 106.861714 65.755429l196.022857-149.211429c-11.849143-23.917714-23.698286-53.76-23.698286-83.675429 0-83.675429 65.316571-149.430857 148.406857-149.430857a147.456 147.456 0 0 1 148.406858 149.430857 147.456 147.456 0 0 1-148.48 149.430858zM683.666286 831.341714c47.469714 0 89.014857-41.910857 89.014857-89.673143 0-47.835429-41.545143-89.673143-89.014857-89.673142-47.542857 0-89.088 41.837714-89.088 89.673142 0 47.762286 41.545143 89.673143 89.088 89.673143z m-441.782857-300.032c62.244571 0 116.736-54.857143 116.736-117.467428 0-62.683429-54.491429-117.467429-116.662858-117.467429s-116.662857 54.857143-116.662857 117.467429c0 62.610286 54.418286 117.467429 116.662857 117.467428z m-61.293715 240.201143c0 35.84 23.771429 59.830857 59.318857 59.830857 35.620571 0 59.392-23.917714 59.392-59.830857 0-35.84-23.771429-59.757714-59.392-59.757714-35.547429 0-59.318857 23.917714-59.318857 59.757714z m118.710857-717.238857c0-35.84-23.771429-59.830857-59.392-59.830857-35.547429 0-59.318857 23.917714-59.318857 59.830857 0 35.84 23.771429 59.757714 59.318857 59.757714 35.620571 0 59.392-23.917714 59.392-59.757714z m397.897143-71.533714c-47.542857 0-89.014857 41.837714-89.014857 89.673143s41.545143 89.673143 89.014857 89.673142c47.542857 0 89.014857-41.837714 89.014857-89.673142s-41.545143-89.673143-89.014857-89.673143z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="kafka" unicode="&#59122;" d="M774.129466 296.353051c-51.08182 0-94.649533-31.502808-113.170221-76.234678l-211.806112 105.197505c6.526338 18.309023 10.512695 38.0997 10.512695 58.948703 0 4.056913 0 8.149103-0.493885 12.206015l216.815517 107.737486c22.542323-29.985875 58.066765-49.282668 97.648121-49.282668 67.59169 0 122.659868 55.914838 122.659868 124.529576s-55.068178 124.529576-122.659868 124.529576-122.659868-55.914838-122.659869-124.529576c0-16.262928 2.998588-31.502808 8.501878-45.754918l-206.302822-103.15141c-18.026803 65.545595-74.611913 114.863541-143.191373 121.460433V659.711303c39.546078 8.149103 69.108623 43.17966 69.108623 85.371551 0 47.765735-38.558308 86.888483-85.618493 86.888483-47.060185 0-85.618493-39.122748-85.618493-86.888483 0-42.19189 29.562545-77.257726 69.108623-85.371551v-107.737486c-84.136838-8.642988-149.717711-80.291591-149.717712-167.709236S192.791539 224.66917 276.928377 216.555345v-108.231371c-39.546078-7.61994-69.108623-43.214938-69.108623-85.37155 0-47.765735 38.558308-86.923761 85.618493-86.923761 47.060185 0 85.618493 39.122748 85.618493 86.923761 0 42.19189-29.562545 77.257726-69.108623 85.37155V216.555345c52.563475 5.07996 98.142006 35.55972 124.670686 79.268543l217.803287-108.266648c-0.493885-5.07996-0.98777-10.15992-0.98777-15.23988 0-68.614738 55.068178-124.529576 122.659868-124.529576s122.659868 55.914838 122.659869 124.529576c0.035278 68.120853-55.0329 124.035691-122.624591 124.035691z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="elasticsearch-Elasticsearch" unicode="&#59475;" d="M42.666667 390.4c0-51.2 6.4-108.8 23.424-153.6H413.013333c12.8 51.2 17.045333 95.957333 17.045334 147.2a648.405333 648.405333 0 0 1-17.045334 147.2H59.733333C49.066667 486.4 42.666667 441.6 42.666667 390.4z m698.154666 140.8H476.885333c12.757333-44.8 17.024-95.957333 17.024-147.2s-6.4-95.957333-17.024-147.2h263.914667c83.008 0 146.88 63.978667 146.88 147.2 0 83.221333-63.872 147.2-146.88 147.2h0.021333zM95.850667 601.6h300.16c-36.202667 76.8-76.629333 147.2-123.52 204.8-76.586667-51.2-142.549333-121.6-176.597334-204.8h-0.042666z m698.154666 0c76.629333 0 140.48 32 187.306667 83.2C887.68 812.8 730.176 896 553.493333 896c-87.253333 0-157.504-19.2-229.866666-57.6 59.584-64 100.053333-147.2 129.834666-230.4l340.544-6.4zM89.493333 166.4h300.117334c-29.802667-76.8-70.229333-147.2-123.456-198.4-70.229333 44.8-136.213333 115.2-176.64 198.4z m704.533334 0c76.629333 0 140.48-32 187.306666-83.2-93.653333-127.957333-257.536-211.2-427.84-211.2-87.253333 0-157.504 25.6-229.866666 57.6 59.584 63.978667 100.053333 147.2 129.834666 230.4l340.565334 6.4z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="apachekafka" unicode="&#60223;" d="M693.845333 328.832c-39.893333 0-75.605333-17.664-100.096-45.482667l-62.72 44.416c6.656 18.346667 10.496 38.016 10.496 58.624 0 20.266667-3.669333 39.594667-10.112 57.685334l62.592 43.946666a132.992 132.992 0 0 1 99.882667-45.226666c73.6 0 133.504 59.861333 133.504 133.504s-59.904 133.504-133.504 133.504a133.632 133.632 0 0 1-127.957333-171.434667l-62.634667-43.946667a172.544 172.544 0 0 1-106.752 61.994667V631.893333a133.717333 133.717333 0 0 1 106.026667 130.602667C502.570667 836.138667 442.666667 896 369.066667 896S235.605333 836.138667 235.605333 762.496a133.632 133.632 0 0 1 103.637334-130.005333v-76.458667a172.586667 172.586667 0 0 1-142.549334-169.642667 172.586667 172.586667 0 0 1 143.786667-169.856v-80.725333a133.674667 133.674667 0 0 1-104.832-130.304C235.605333-68.138667 295.466667-128 369.066667-128s133.504 59.861333 133.504 133.504a133.632 133.632 0 0 1-104.832 130.304v80.725333a172.458667 172.458667 0 0 1 104.96 61.056l63.146666-44.714666a132.906667 132.906667 0 0 1-5.461333-37.546667c0-73.6 59.904-133.504 133.504-133.504s133.504 59.861333 133.504 133.504-59.946667 133.504-133.546667 133.504z m0 312.149333c35.712 0 64.725333-29.056 64.725334-64.725333s-29.013333-64.725333-64.725334-64.725333c-35.669333 0-64.725333 29.056-64.725333 64.725333s29.056 64.725333 64.725333 64.725333zM304.341333 762.496c0 35.669333 29.013333 64.725333 64.725334 64.725333s64.725333-29.056 64.725333-64.725333-29.013333-64.725333-64.725333-64.725333-64.725333 29.056-64.725334 64.725333z m129.450667-756.992c0-35.669333-29.013333-64.725333-64.725333-64.725333s-64.725333 29.056-64.725334 64.725333 29.013333 64.725333 64.725334 64.725333 64.725333-29.056 64.725333-64.725333zM369.066667 296.106667a90.368 90.368 0 0 0-90.282667 90.282666c0 49.792 40.490667 90.282667 90.282667 90.282667 49.792 0 90.282667-40.490667 90.282666-90.282667A90.368 90.368 0 0 0 369.066667 296.106667z m324.778666-165.504a64.810667 64.810667 0 0 0-64.725333 64.725333c0 35.669333 29.013333 64.725333 64.725333 64.725333s64.725333-29.056 64.725334-64.725333c0-35.669333-29.013333-64.725333-64.725334-64.725333z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="elasticsearch" unicode="&#60293;" d="M480.853333 231.253333H68.693333A503.893333 503.893333 0 0 0 45.653333 384c0 53.333333 7.68 104.533333 23.04 152.746667h676.693334A152.32 152.32 0 0 0 898.133333 384a151.893333 151.893333 0 0 0-151.466666-152.746667z m-19.2-51.2H87.466667a503.466667 503.466667 0 0 1 187.306666-221.013333A503.466667 503.466667 0 0 1 554.666667-125.013333c177.066667 0 331.946667 90.453333 423.68 226.133333a259.413333 259.413333 0 0 1-185.6 79.36z m331.093334 407.466667c72.533333 0 138.666667 30.72 185.6 78.933333A510.293333 510.293333 0 0 1 87.466667 587.52h372.906666z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="wentifankui" unicode="&#59601;" d="M437.248 707.584c-102.912 0-149.504-61.44-149.504-149.504H337.92c1.536 62.464 42.496 97.792 99.328 99.328 50.176-1.536 72.704-29.184 74.24-75.264 0-24.064-17.408-52.224-52.224-83.968-39.936-35.328-47.104-60.928-47.104-89.6v-49.664h49.664v49.664c0 15.872 8.704 37.376 36.352 62.976 41.472 36.864 62.464 73.728 62.464 110.592 0.512 73.728-43.52 125.44-123.392 125.44zM412.16 259.584h50.176v49.664h-50.176v-49.664zM760.832 832H64v-712.192s9.216-57.856 99.328-59.392 273.92 0 273.92 0c-10.752-1.536 398.336 357.888 398.336 357.888V762.88s-9.728 69.12-74.752 69.12z m12.288-102.912v-287.232L413.696 122.88s-221.696 0.512-239.616 0c-55.296-2.048-48.128 53.248-48.128 53.248V773.12h622.592c31.744 0 24.576-26.112 24.576-44.032zM944.64 278.528l-86.528 80.896-15.36 14.336-15.36-14.336-64.512-60.928-238.08-221.696-4.608-4.096-1.536-6.144-31.744-130.56 143.36 26.112 6.656 1.024 4.608 4.096 238.08 221.696 65.024 60.416 15.36 14.336-15.36 14.848z m-322.56-267.776l-64-11.776 12.8 59.392 199.168 185.856 51.2-47.616-199.168-185.856z m241.152 225.792l-50.176 46.592 30.72 28.672 50.176-46.592-30.72-28.672z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="wentifankui1" unicode="&#59150;" d="M739.5328-1.2288H153.6a76.8 76.8 0 0 0-76.8 76.8V691.2A76.8 76.8 0 0 0 153.6 768h712.192a76.8 76.8 0 0 0 76.8-76.8v-55.0912a25.6 25.6 0 0 0-51.2 0V691.2a25.6 25.6 0 0 1-25.6 25.6H153.6a25.6 25.6 0 0 1-25.6-25.6v-615.6288a25.6 25.6 0 0 1 25.6-25.6h585.9328a25.6 25.6 0 0 0 0-51.2zM256 204.8l382.8736 0.512a25.6 25.6 0 0 1-0.0512 51.2l-382.8736-0.512a25.6 25.6 0 0 1 0.1024-51.2zM256 409.6h228.7616a25.6 25.6 0 0 1 0 51.2H256a25.6 25.6 0 0 1 0-51.2zM773.5296 575.2832c-44.2368 0-78.6432-13.5168-103.2192-40.5504-24.576-25.8048-36.2496-60.2112-36.2496-103.2192h48.5376c0 30.1056 6.7584 53.4528 20.2752 70.656 14.7456 20.2752 37.4784 30.1056 68.1984 30.1056 25.8048 0 46.08-6.7584 60.2112-21.504 13.5168-13.5168 20.8896-32.5632 20.8896-57.1392 0-17.2032-6.144-33.1776-18.432-48.5376a272.384 272.384 0 0 0-20.8896-22.1184c-33.1776-29.4912-53.4528-52.8384-62.0544-71.2704-7.3728-15.36-11.0592-33.1776-11.0592-53.4528v-14.1312h49.152v14.1312c0 16.5888 3.6864 31.3344 11.6736 44.8512 6.144 11.0592 15.36 22.1184 28.8768 33.792 27.0336 23.9616 43.6224 39.936 49.7664 47.3088 15.36 20.2752 23.3472 44.2368 23.3472 71.8848 0 36.864-11.6736 65.7408-34.4064 86.6304-23.9616 22.1184-55.296 32.5632-94.6176 32.5632z m-9.216-374.1696a35.1744 35.1744 0 0 1-26.4192-10.4448 32.9728 32.9728 0 0 1-10.4448-25.8048c0-10.4448 3.072-19.0464 10.4448-26.4192a37.6832 37.6832 0 0 1 26.4192-10.4448 37.6832 37.6832 0 0 1 26.4192 10.4448 33.8944 33.8944 0 0 1 11.0592 26.4192 35.1744 35.1744 0 0 1-10.4448 25.8048 36.5568 36.5568 0 0 1-27.0336 10.4448z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="wentifankui2" unicode="&#58947;" d="M512.843493 889.252059C233.647446 889.252059 6.747941 680.90939 6.747941 424.90939s214.668863-447.894563 499.769357-447.894563c22.7743 0 61.153213 1.686985 93.205931 5.060956a34.836244 34.836244 0 0 0 22.352554-5.482702L759.143328-114.925865a44.789456 44.789456 0 0 1 46.392092-2.108731 46.771664 46.771664 0 0 1 23.617793 42.174629l-4.217463 138.75453a39.053707 39.053707 0 0 0 13.917627 31.630972c118.088962 94.892916 180.085667 208.764415 180.085667 329.383855 0 256-226.899506 464.342669-506.095551 464.342669z m291.004942-749.864909a95.56771 95.56771 0 0 1-35.004942-77.179572l3.795716-118.510708-119.354201 79.710049a89.452389 89.452389 0 0 1-59.466227 14.761121c-29.943987-3.37397-65.792422-5.060956-86.879737-5.060956-253.047776 0-443.6771 168.698517-443.6771 391.802306s201.594728 408.250412 449.581549 408.250412 450.003295-183.037891 450.003294-408.250412c0-104.593081-53.561779-200.751236-158.998352-285.52224z m-345.831961 90.675453a50.820428 50.820428 0 0 1 101.640857 0 50.820428 50.820428 0 0 1-101.640857 0z m140.863262 316.30972a72.413839 72.413839 0 0 1-79.288303 84.349259 83.590115 83.590115 0 0 1-93.205931-93.205931 42.174629 42.174629 0 0 0-84.349258 0 164.902801 164.902801 0 0 0 177.555189 177.555189 151.406919 151.406919 0 0 0 143.815486-81.397034 184.134432 184.134432 0 0 0 19.40033-95.314663 134.663591 134.663591 0 0 0-55.670511-105.436573c-3.795717-2.952224-58.200988-42.174629-66.635914-49.766063a27.076112 27.076112 0 0 1-10.965404-24.461285 42.174629 42.174629 0 0 0-84.349259-0.421746 108.304448 108.304448 0 0 0 38.378913 86.879737c12.652389 11.808896 73.383855 55.248764 72.540363 54.827018a55.586161 55.586161 0 0 1 22.774299 46.392092z"  horiz-adv-x="1025" />
+
+    
+    <glyph glyph-name="alikafkaxiaoxiduilieKafka" unicode="&#59556;" d="M558.933 456.533c0-55.466 38.4-100.266 87.467-115.2V300.8c-27.733-6.4-49.067-34.133-49.067-64 0-36.267 29.867-66.133 66.134-66.133 36.266 0 66.133 29.866 66.133 66.133 0 29.867-19.2 55.467-46.933 64v42.667c38.4 2.133 70.4 21.333 91.733 49.066l74.667-42.666c0-2.134-2.134-4.267-2.134-6.4 0-36.267 29.867-66.134 66.134-66.134S979.2 307.2 979.2 343.467c-2.133 36.266-29.867 64-66.133 64-21.334 0-38.4-10.667-53.334-25.6L787.2 424.533c4.267 12.8 6.4 23.467 6.4 36.267 0 19.2-4.267 36.267-12.8 49.067L864 556.8c12.8-12.8 29.867-19.2 46.933-19.2 36.267 0 66.134 29.867 66.134 66.133s-29.867 66.134-66.134 66.134S844.8 640 844.8 603.733c0-4.266 2.133-10.666 2.133-14.933L761.6 539.733c-21.333 21.334-49.067 36.267-81.067 38.4V620.8c27.734 8.533 46.934 34.133 46.934 64 0 36.267-29.867 66.133-66.134 66.133s-64-29.866-64-68.266c0-29.867 21.334-55.467 49.067-64v-46.934c-49.067-12.8-87.467-59.733-87.467-115.2zM919.467 232.533C913.067 162.133 857.6 108.8 787.2 108.8H228.267C155.733 108.8 96 168.533 96 241.067c0 66.133 46.933 121.6 110.933 132.266l27.734 4.267v32c0 119.467 98.133 215.467 215.466 215.467 27.734 0 53.334-4.267 76.8-14.934 10.667 19.2 23.467 38.4 36.267 57.6C526.933 682.667 488.533 691.2 448 691.2c-147.2 0-270.933-115.2-283.733-262.4-83.2-25.6-140.8-104.533-140.8-192 0-110.933 89.6-202.667 202.666-202.667h558.934c110.933 0 200.533 89.6 202.666 200.534 0 2.133 0 4.266 2.134 6.4l-70.4-8.534z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xiangmuchaxun-chakanshebei" unicode="&#59010;" d="M646 461.2h-123.6c-3.2 0-7.2-3.2-7.2-7.2 0-3.2 3.2-7.2 7.2-7.2h123.6c3.2 0 7.2 3.2 7.2 7.2s-4 7.2-7.2 7.2z m7.2-53.2c0 3.2-3.2 7.2-7.2 7.2h-123.6c-3.2 0-7.2-3.2-7.2-7.2 0-3.2 3.2-7.2 7.2-7.2h123.6c3.2-0.4 7.2 3.2 7.2 7.2z m-130.8-39.6c-3.2 0-7.2-3.2-7.2-7.2 0-3.2 3.2-7.2 7.2-7.2H596c3.2 0 7.2 3.2 7.2 7.2 0 3.2-3.2 7.2-7.2 7.2h-73.6z m-195.2 118c-1.2 2.8-3.2 3.2-7.2 3.2-2.8 0-4.8-1.2-7.2-2.8-15.6-20-16.8-47.6-3.2-68 12-18.8 34.4-29.6 55.6-27.6l60.4-100c2.8-4.8 7.2-7.2 12-8h5.2c3.2 0 7.2 1.2 10.8 2.8l15.6 9.6c4.8 2.8 7.2 7.2 8 12 1.2 4.8 0 10.8-2.8 14l-64.4 97.6c12 18.8 12 43.2 0 62-13.6 20-36.8 30.8-60.4 26.4-2.8 0-4.8-2.8-6-4.8-2.8-1.2-2.8-4.8 0-7.2l18.8-29.6-16.8-10.8-18.4 31.2z m354.4-263.2c-1.2-1.2-3.2-2.8-5.2-4-11.6-7.2-25.6-7.2-36.8 0-2 1.2-3.2 2.8-5.2 4-2.8 2.8-7.2 2.8-10.8 0-1.2-1.2-2-3.2-2-5.2s0.8-4 2-5.2c2-2 4.8-4 7.2-6 2.8-2 5.2-3.2 8.8-4.8 14.8-5.2 30.8-4.8 45.2 4.8 2.8 2 5.2 4 7.2 6 2.8 2.8 2.8 7.2 0 10.8-3.2 2.4-8 2.4-10.4-0.4z m91.2-73.2l-45.6 45.6c10 14 16 30.8 16 49.6 0 45.6-37.6 83.2-83.2 83.2s-82.8-37.6-82.8-83.2 36.8-83.2 83.2-83.2c18.8 0 35.6 6 49.6 16l45.6-45.6c4-4 10-4 14 0l3.2 3.2c4 4 4 10.8 0 14.4z m-112 36.8c-32.4 0-58.4 26.4-58.4 58.4 0 32.4 26.4 58.4 58.4 58.4 32.4 0 58.4-26.4 58.4-58.4s-26.4-58.4-58.4-58.4z m-15.6 90l6 2c2 0.8 4 0.8 6.8 0.8 2 0 4 0 6-0.8s4-0.8 6-2c4-1.2 8 0.8 10 4 0.8 2 0.8 4 0 6s-2 3.2-4 4c-2.8 1.2-6 2-8.8 2.8-3.2 0.8-6 0.8-9.6 0.8-3.2 0-6 0-9.6-0.8-2.8-0.8-6-1.2-8.8-2.8-2-0.8-3.2-2-4-4-0.8-2-0.8-4 0-6 2-3.2 6.8-5.2 10-4zM304 238.4c-14 0-24.8 12-24.8 24.8V525.6c0 14 12 24.8 24.8 24.8h369.6c14 0 24.8-12 24.8-24.8v-186.8c12-4.8 22.8-12 32.4-20.8V525.6c1.2 32-25.2 58.4-58.8 58.4H302.4c-32 0-58.4-26.4-58.4-58.4v-262c0-32.4 26.4-58.4 58.4-58.4h264.8c-4.8 10-7.2 21.6-8 33.6H304z m0 0M763.2 127.2c-3.2 0-6 1.2-8.4 3.6l-44.4 44.4c-14.8-10.4-31.6-15.6-49.6-15.6-47.2 0-85.2 38.4-85.2 85.2s38 85.2 84.8 85.2c47.2 0 85.2-38.4 85.2-85.2 0-18-5.2-34.4-15.6-49.6l44.4-44.4c2.4-2 3.6-4.8 3.6-8.4 0-3.2-0.8-6.4-2.8-8.8l-3.6-3.6c-2.4-1.6-5.6-2.8-8.4-2.8z m-52.4 53.6l46.8-46.8c3.2-3.2 8-3.2 11.2 0l3.2 3.2c1.2 1.6 2 3.6 2 6s-0.8 4-2.4 5.2l-46.8 46.8 0.8 1.2c10.4 14.8 15.6 30.8 15.6 48.4 0 44.8-36.4 81.2-81.2 81.2-44.4 0-80.8-36.4-80.8-81.2S616 164 660.8 164c17.6 0 34 5.2 48.4 15.6l1.6 1.2z m-50 4c-33.2 0-60.4 27.2-60.4 60.4s27.2 60.4 60.4 60.4 60.4-27.2 60.4-60.4-27.2-60.4-60.4-60.4z m0 116.8c-31.2 0-56.4-25.2-56.4-56.4s25.2-56.4 56.4-56.4 56.4 25.2 56.4 56.4-25.6 56.4-56.4 56.4z m-3.2-105.2c-6.4 0-12.8 1.2-19.2 3.6-4 1.6-6.8 3.2-9.2 4.8-2.8 2-5.6 4-7.6 6.4-1.6 1.6-2.8 4-2.8 6.8s0.8 5.2 2.8 6.8c4.4 3.6 10 3.2 13.6 0 0.8-0.4 1.6-1.2 2.4-2 0.8-0.8 1.6-1.2 2.4-2 10.8-6.8 24-6.8 34.8 0 2 1.2 4 2.4 5.2 3.6 3.2 3.2 9.6 3.2 12.8 0 3.6-4.4 3.2-10 0-13.6-2-2-4.8-4-7.6-6-8.4-5.6-17.6-8.4-27.6-8.4z m-87.2 6.4h-268c-33.2 0-60.4 27.2-60.4 60.4V525.6c0 33.2 27.2 60.4 60.4 60.4H672c17.2 0 33.2-6.8 44.8-18.4 10.8-11.2 16.4-26.4 16-42v-212l-3.2 3.2c-10 9.2-20.8 16-31.6 20.4l-1.2 0.4v188c0 11.2-9.2 22.8-22.8 22.8H304c-11.2 0-22.8-9.2-22.8-22.8v-262c0-11.2 9.2-22.8 22.8-22.8h257.2v-2c0.8-12 3.2-23.2 8-32.8l1.2-3.2z m-268 379.2c-31.2 0-56.4-25.2-56.4-56.4v-262c0-31.2 25.2-56.4 56.4-56.4H564c-3.6 8.8-6 18.8-6.8 29.6H304c-14.4 0-26.8 12.4-26.8 26.8V525.6c0 14.4 12.4 26.8 26.8 26.8h369.6c14.4 0 26.8-12.4 26.8-26.8V340c9.6-4 19.2-10 28.4-17.6V525.6c0.8 14.8-4.8 28.4-14.8 39.2-10.8 11.2-25.6 17.2-41.6 17.2H302.4z m340.4-307.6c-3.6 0-7.6 2.4-8.8 5.6-0.8 2.4-0.8 4.8 0 7.6 0.8 2.4 2.8 4.4 5.2 5.2 2 1.2 5.2 2 7.6 2.4l1.2 0.4c3.6 0.8 6.4 0.8 10 0.8s6.4 0 10-0.8l1.6-0.4c2.4-0.8 5.2-1.2 8-2.4 2.4-0.8 4-2.4 5.2-5.2 0.8-2.4 0.8-4.8 0-7.2v-0.4c-2.8-4.4-7.6-6.4-12.4-4.8l-0.4 0.4c-1.2 0.8-2 0.8-3.2 1.2-0.8 0-1.6 0.4-2.4 0.4-1.6 0.4-3.6 0.4-5.6 0.4-2.4 0-4.4 0-6-0.4l-6-2c-2-0.4-2.8-0.8-4-0.8z m-200 7.2h-5.2c-6 0.8-11.2 4.4-14 9.2l-60 99.2c-22-1.6-44 9.6-56.4 28.4-14 20.8-12.8 49.2 3.6 70l0.4 0.4 1.6 0.8c2 1.2 4.4 2.4 6.8 2.4 4.4 0 7.2-0.8 9.2-4.4l17.2-29.6 13.2 8.4-17.6 27.6c-2 2-2.8 4.4-2.4 6.4 0.4 1.6 1.2 2.8 2.4 3.6 1.2 2 3.6 5.2 7.6 5.2 23.6 4.8 48-6 62-27.2 12.4-19.2 12.4-43.6 0.8-62.8l64-96.4c3.2-4 4.4-10.4 2.8-15.6-0.8-5.6-4-10.4-8.8-13.2l-15.6-9.2c-4.8-2.4-8.4-3.2-11.6-3.2z m-76.8 112.4l61.2-101.2c2-4 6-6.4 10.8-7.2h5.2c2.4 0 5.6 0.8 10 2.4l15.2 9.2c4 2 6.4 6 7.2 10.8 1.2 4 0 9.6-2.4 12.4L408 419.2l0.8 1.2c11.6 18 11.6 41.6 0 59.6-13.2 20-36 29.6-58.4 25.2-2 0-3.6-2-4.8-4l-0.4-0.4-0.4-0.4c-0.4-0.4-0.8-0.8-0.8-1.2 0-0.8 0.4-2 1.6-3.2l0.4-0.4 20-31.2-20.4-12.8-19.2 33.6c-0.8 1.6-1.6 2.4-5.6 2.4-1.6 0-3.2-0.8-5.2-1.6l-0.8-0.4c-14.8-19.6-16-45.6-3.2-65.2 11.6-18 32.8-28.8 54-26.8l0.4 0.4zM763.2 125.2c-3.6 0-7.2 1.6-10 4.4l-43.2 43.2c-14.8-10-31.6-14.8-49.2-14.8-48 0-87.2 39.2-87.2 87.2s38.8 87.2 86.8 87.2 87.2-39.2 87.2-87.2c0-17.6-5.2-34.4-14.8-49.2l43.2-43.2c2.8-2.4 4.4-5.6 4.4-9.6 0-3.6-1.2-7.2-3.2-10l-3.6-3.6c-3.2-2.8-6.8-4.4-10.4-4.4z m-6.4 6.4c4-3.2 9.6-3.2 13.2 0.4-4-3.6-9.2-3.6-13.2-0.4z m-46 51.6l48-48c2.4-2.4 6-2.4 8.4 0l3.2 3.2c0.8 0.8 1.2 2.8 1.2 4.4 0 1.6-0.8 3.2-1.6 4l-48.4 48.4 2 2.8c10.4 14.4 15.2 30.4 15.2 47.6 0 43.6-35.6 79.2-79.2 79.2-43.2 0-78.8-35.6-78.8-79.2s35.6-79.2 79.2-79.2c17.2 0 33.2 5.2 47.6 15.2l3.2 1.6z m62.8-47.2l-0.4-0.4 0.4 0.4z m-0.4 13.6c1.2-1.2 2.4-3.2 2.4-5.2 0 2-0.8 3.6-2.4 5.2zM730.8 192l42.4-42.4-42.4 42.4z m-153.6 53.2c0-46 37.2-83.2 83.2-83.2-45.6 0-83.2 37.2-83.2 83.2z m83.6-83.2z m0 0z m0 0z m0 0z m0 0z m0.4 0z m0 0z m0 0z m0 0z m0 0z m0 0z m40 10.4z m9.2 5.6c-3.2-2-6-4-9.2-6 2.8 1.6 5.2 3.2 8 4.8l1.2 1.2z m16.8 17.6l0.8 1.2c3.2 4.8 6 9.6 8 14.4-2-5.2-5.2-10.4-8.8-15.6z m9.2 15.6z m6.8 33.2z m0 0z m0 0z m0 0.4z m0 0z m0 0z m0 0z m0 0z m0 0z m0 0z m0 0.4c0-0.4 0-0.4 0 0 0-0.4 0-0.4 0 0z m0 0z m0 0z m0 0z m0 0z m0 0z m-82.4-62.4c-34.4 0-62.4 28-62.4 62.4s28 62.4 62.4 62.4 62.4-28 62.4-62.4-28-62.4-62.4-62.4z m-58.8 62.4c0-32.4 26.4-58.4 58.4-58.4 32.4 0 58.4 26.4 58.4 58.4 0-32.4-26.4-58.4-58.4-58.4s-58.4 26.4-58.4 58.4z m58.8 54.4c-30 0-54.4-24.4-54.4-54.4s24.4-54.4 54.4-54.4 54.4 24.4 54.4 54.4-24.4 54.4-54.4 54.4z m-3.2-105.2c-6.4 0-13.2 1.2-20 3.6-4.4 1.6-7.2 3.2-9.6 5.2-2.8 2-5.6 4.4-8 6.4-2 2-3.2 5.2-3.2 8.4s1.2 6 3.2 8.4c5.2 4 12 4 16.4 0 0.8-0.4 1.6-1.2 2.4-2 0.8-0.8 1.6-1.2 2.4-2 10-6.4 22.4-6.4 32.4 0 2 1.2 3.6 2.4 4.8 3.6 4 4 11.6 4 15.6 0 4.4-5.2 4-12.4 0-16.4-2-2-4.8-4.4-7.6-6.4-8.4-6-18.4-8.8-28.8-8.8z m-28.8 30.8c-2 0-4-0.8-6-2-1.2-1.2-2-3.2-2-5.2s0.8-4 2-5.2c2-2 4.8-4 7.2-6 2.4-2 5.2-3.2 8.8-4.8 6-2.4 12.4-3.2 18.4-3.2 9.6 0 18.8 2.8 26.8 8 2.4 2 5.2 4 7.2 6 2.8 2.8 2.8 7.6 0 10.8-2.4 2.4-7.2 2.4-10 0-1.2-1.2-3.2-2.8-5.2-4-11.6-7.6-25.6-7.6-36.8 0-0.8 0.8-1.6 1.2-2.4 2-0.8 0.8-1.6 1.2-2.4 2l-0.4 0.4c-1.6 0.4-3.2 1.2-5.2 1.2z m-55.2-24.4H302.4c-34.4 0-62.4 28-62.4 62.4V525.6C240 560 268 588 302.4 588H672c18 0 34-6.8 46-19.2 11.2-11.6 17.2-27.2 16.4-43.6v-216.8l-6.8 6.4c-10 9.2-20.4 16-30.8 20l-2.4 0.8V525.6c0 10-8.4 20.8-20.8 20.8H304c-10 0-20.8-8.4-20.8-20.8v-262c0-10 8.4-20.8 20.8-20.8h259.2l0.4-3.6c0.8-11.6 3.2-22.4 7.6-32l2.4-6.4zM244 263.6c0-32.4 26.4-58.4 58.4-58.4h264.8l-1.2 2.4 1.2-2.4H302.4c-32-0.4-58.4 26-58.4 58.4zM302.4 580C272.4 580 248 555.6 248 525.6v-262c0-30 24.4-54.4 54.4-54.4h258.8c-3.2 8-4.8 16.4-5.6 25.6H304c-15.6 0-28.8 13.2-28.8 28.8V525.6c0 15.6 13.2 28.8 28.8 28.8h369.6c15.6 0 28.8-13.2 28.8-28.8v-184c8.4-3.6 16.4-8.4 24.4-14.8V525.6c0.4 14-4.4 27.6-14 37.6-10.4 10.8-24.8 16.8-40.4 16.8H302.4z m256.8-341.6v0z m-280.4 24.8c0-6.8 2.8-12.8 7.6-17.6-4.8 5.2-7.6 11.6-7.6 17.6z m0 0.4c0-0.4 0-0.4 0 0 0-0.4 0 0 0 0z m0 262v-262 262z m448.8-205.2c1.2-0.8 2-1.6 2.8-2.8v208c0.4 14-4 27.2-12.8 38 8.8-10.4 13.6-24 12.8-38v-207.6l-2.8 2.4z m-29.2 18.4c0.4 0 0.8-0.4 0.8-0.4l-0.8 0.4z m0 186.8z m-7.6 17.6c4.8-4.8 7.6-11.2 7.6-17.6 0 6.8-2.8 12.8-7.6 17.6z m-387.2 7.2c-6.8 0-12.8-2.8-17.6-7.6 5.2 4.8 11.6 7.6 17.6 7.6z m0 0z m0.4 0h369.6H304z m338.8-278c-4.8 0-9.2 2.8-10.8 6.8-1.2 3.2-1.2 6 0 8.8 1.2 3.2 3.2 5.6 6.4 6.4 2 1.2 5.2 2 7.6 2.4l1.2 0.4c4 0.8 6.8 0.8 10.4 0.8 3.6 0 6.4 0 10-0.8l1.6-0.4c2.8-0.8 5.6-1.2 8.4-2.8 2.8-0.8 4.8-3.2 6-6.4 0.8-2.8 0.8-5.6 0-8.4l-0.4-0.4c-3.2-5.6-9.2-8-14.8-6l-0.8 0.4c-0.8 0.4-1.6 0.8-2.8 1.2-0.8 0-1.6 0.4-2.4 0.8-1.2 0.4-2.8 0.4-4.8 0.4-2.4 0-4 0-5.6-0.4l-6-2c-0.4-0.4-1.6-0.8-3.2-0.8z m15.2 7.2c2 0 4 0 6-0.8 0.8-0.4 1.2-0.4 2-0.4 1.2-0.4 2.8-0.4 4-1.6h0.4c3.6-1.2 7.6 0.4 10 4 0.4 2 0.4 4 0 6-0.8 2-2 3.2-3.6 4-2.4 1.2-5.2 2-7.6 2.4l-1.6 0.4c-3.2 0.8-6 0.8-9.2 0.8s-6 0-9.6-0.8l-1.2-0.4c-2.4-0.4-5.2-1.2-7.2-2.4-2.4-0.8-3.6-2-4.4-4-0.8-2-0.8-4 0-6 1.2-3.2 6-5.2 9.2-4l6 2c2 0.8 4 0.8 6.8 0.8z m-215.2 0h-5.2c-6.8 0.8-12.4 4.8-15.6 10l-59.2 98c-22.4-1.2-44.8 10.4-56.8 29.6-14.4 21.6-13.2 50.8 3.6 72.4l0.8 0.8 1.6 0.8c2.4 1.2 4.8 2.4 8 2.4 4.4 0 8.4-0.8 10.8-5.6l16-28 10 6.4-16.4 26c-2 2-3.2 5.2-2.8 7.6 0.4 2 1.6 3.6 3.2 4.8 1.2 1.6 4.4 5.6 8.8 5.6 24 4.8 49.2-6 64-28 12.4-19.2 12.8-44.4 1.6-64l63.2-95.2c3.6-4.4 4.8-11.6 3.2-17.6-0.8-5.6-4.8-11.6-10-14.4l-15.2-9.2c-6.4-1.6-10-2.4-13.6-2.4z m-69.2 98l52-86c2.4-4.4 7.2-7.2 12.4-8-5.2 0.8-10 3.6-12.4 8l-52 86z m77.2-92.4c-3.2-1.2-5.6-1.6-7.6-1.6 2 0 4.4 0.4 7.6 1.6zM367.2 396l61.6-102.4c2-3.2 5.2-5.6 9.2-6h4.8c2 0 5.2 0.8 9.2 2.4l14.8 9.2c3.2 2 5.6 5.2 6 9.2 1.2 3.6 0 8.4-2 11.2l-66 100 1.6 2c11.2 17.6 11.2 40 0 57.6-12.8 19.2-34.8 28.8-56.4 24.4-1.6 0-3.2-2.4-3.6-2.8l-0.4-0.8-0.8-0.4c0-0.4 0.4-0.8 0.8-1.2l0.4-0.4 21.2-33.2-23.6-15.2-20.4 35.2c-0.4 0.8-0.8 1.2-4 1.2-1.2 0-2.4-0.4-4.4-1.6l-0.4-0.4c-14-18.8-15.2-44-2.8-62.4 11.2-17.6 31.6-27.6 52-25.6h3.2z m102-100.4z m0.4 0.4l-0.4-0.4 0.4 0.4z m0.4 0s-0.4 0 0 0c-0.4 0 0 0 0 0z m0 0z m-53.2 112.8l57.6-87.2c2.8-3.6 4-9.6 2.4-14.4 0-0.8-0.4-1.6-0.4-2.4 0.4 0.8 0.4 1.6 0.4 2.4 1.2 4.8 0.4 10.8-2.4 14.4l-57.6 87.2z m-52-17.2h-2.4 2.4z m45.2 27.6l0.4-0.4-0.4 0.4 0.4 0.8s-0.4-0.4-0.4-0.8z m-97.6 68c-14.8-19.6-16.8-45.6-4.8-65.6-11.6 20-10 45.6 4.8 65.6z m14.8-0.4l11.6-20.4-11.2 19.6-0.4 0.8z m16 8.8l17.6-27.6-17.6 27.6z m17.6 12.8c18.4 0 36.4-9.2 48-25.2-12.4 17.2-32 26.4-51.6 25.2h3.6z m-48.4-21.2l1.2 0.8h0l-1.2-0.8z m10.8 2.4c1.6-0.4 2.8-1.2 3.6-2.4-0.8 1.2-2 2-3.6 2.4z m-3.2 0.4z m25.6 15.2c-0.8-0.8-1.6-2-2-2.4l-0.8-0.4c-0.8-0.4-1.6-1.2-1.6-2.4 0-0.8 0-1.6 0.4-2.4-0.4 0.8-0.4 1.6-0.4 2.4 0 1.2 0.8 2 2 2.4 0.8 1.2 1.6 2 2.4 2.8z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="elasticsearchElasticsearch" unicode="&#59041;" d="M128 388.266667c0-42.666667 4.266667-89.6 19.2-128h290.133333c10.666667 42.666667 14.933333 78.933333 14.933334 123.733333 0 40.533333-4.266667 83.2-14.933334 123.733333H142.933333C134.4 469.333333 128 433.066667 128 388.266667z m582.4 119.466666H490.666667c10.666667-36.266667 14.933333-78.933333 14.933333-123.733333s-4.266667-78.933333-14.933333-123.733333h219.733333c68.266667 0 121.6 53.333333 121.6 123.733333s-53.333333 123.733333-121.6 123.733333zM172.8 565.333333h249.6c-29.866667 64-64 123.733333-102.4 170.666667-64-42.666667-119.466667-100.266667-147.2-170.666667z m580.266667 0c64 0 117.333333 25.6 155.733333 68.266667C832 742.4 701.866667 810.666667 554.666667 810.666667c-72.533333 0-132.266667-17.066667-192-49.066667 49.066667-53.333333 83.2-121.6 108.8-192l281.6-4.266667z m-586.666667-362.666666h249.6c-25.6-64-57.6-121.6-102.4-164.266667-57.6 36.266667-113.066667 93.866667-147.2 164.266667z m588.8 0c64 0 117.333333-25.6 155.733333-68.266667C832 27.733333 695.466667-42.666667 554.666667-42.666667c-72.533333 0-132.266667 21.333333-192 46.933334 49.066667 53.333333 83.2 123.733333 108.8 192l283.733333 6.4z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="511tongji_shutu" unicode="&#58954;" d="M448 320h326.4c12.8-38.4 51.2-64 89.6-64 51.2 0 96 44.8 96 96s-44.8 96-96 96c-44.8 0-76.8-25.6-89.6-64H448V704h326.4c12.8-38.4 51.2-64 89.6-64 51.2 0 96 44.8 96 96s-44.8 96-96 96c-44.8 0-76.8-25.6-89.6-64H384v-384H185.6c-12.8 38.4-44.8 64-89.6 64-51.2 0-96-44.8-96-96s44.8-96 96-96c44.8 0 76.8 25.6 89.6 64H384v-384h390.4c12.8-38.4 51.2-64 89.6-64 51.2 0 96 44.8 96 96s-44.8 96-96 96c-44.8 0-76.8-25.6-89.6-64H448V320z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="fenxiang1" unicode="&#58901;" d="M220.578951 482.452506a107.866009 107.866009 0 1 0-107.683186-107.866009 107.866009 107.866009 0 0 0 107.683186 107.866009m0 73.129498a180.995507 180.995507 0 1 1 181.726802-180.995507 180.812684 180.812684 0 0 1-180.812684 180.995507zM751.316282 80.423091a67.644786 67.644786 0 1 0-67.461962-67.461962 67.644786 67.644786 0 0 0 67.461962 67.461962m0 73.129498a140.774284 140.774284 0 1 1 140.774284-140.59146 140.59146 140.59146 0 0 1-140.774284 140.59146zM843.642273 822.870319a67.644786 67.644786 0 1 0-67.644785-67.644785 67.644786 67.644786 0 0 0 67.644785 67.644785m0 73.129498a140.774284 140.774284 0 1 1 140.59146-140.774283A140.774284 140.774284 0 0 1 843.642273 895.999817zM282.519635 241.18001000000004l40.221224 69.655847L711.277882 86.529404l-40.221224-69.655846zM294.64085 475.249251L734.752451 728.1859019999999l40.221224-69.98493L334.843791 405.264321z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="fenxiang2" unicode="&#58895;" d="M711.9-63.9c-10.8 0-21.5 3.3-30.7 9.7L495.3 75.1c-1.5 1-3.5 0.9-4.8-0.4l-72-68.4c-16.2-15.4-39.7-19.2-59.8-9.7-20.2 9.4-32.3 29.9-30.9 52.2l9 141.8c0.8 12.1 5.7 23.8 13.9 32.8l216 237.8c9.3 10.2 25.1 11 35.3 1.7 10.2-9.3 11-25.1 1.7-35.3l-216-237.8c-0.6-0.6-0.9-1.5-1-2.3l-9-141.8c0-0.8-0.2-2.6 2.2-3.7 2.4-1.1 3.7 0.2 4.2 0.7l72 68.4c18.4 17.5 46.9 19.7 67.8 5.2l185.9-129.4c1.1-0.8 2.4-0.9 3.6-0.4 1.3 0.5 2.1 1.5 2.3 2.8L858.2 756c0.1 0.6 0.4 2.3-1.5 3.7-1.9 1.4-3.4 0.7-4 0.4l-745.9-372c-0.5-0.2-2-1-2.1-3.2-0.1-2.2 1.3-3.1 1.8-3.4l198-123.2c11.7-7.3 15.3-22.7 8-34.4s-22.7-15.3-34.4-8L80 339c-16.5 10.3-26.2 28.8-25.3 48.2 0.9 19.5 12.3 36.9 29.7 45.6l745.9 372c18.4 9.2 40 7.2 56.4-5.2s24.3-32.6 20.5-52.8L764.9-19.9c-3.4-18-15.5-33-32.5-40-6.6-2.7-13.6-4-20.5-4z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="fenxiang_2" unicode="&#58880;" d="M779.636364-58.18181800000002h-535.272728A174.778182 174.778182 0 0 0 69.818182 116.36363600000004v535.272728A174.778182 174.778182 0 0 0 244.363636 826.181818H512a34.909091 34.909091 0 0 0 0-69.818182H244.363636A104.96 104.96 0 0 1 139.636364 651.636364v-535.272728a104.96 104.96 0 0 1 104.727272-104.727272h535.272728a104.96 104.96 0 0 1 104.727272 104.727272V384a34.909091 34.909091 0 0 0 69.818182 0v-267.636364a174.778182 174.778182 0 0 0-174.545454-174.545454zM500.363636 337.45454500000005a35.141818 35.141818 0 0 0-24.669091 10.24 34.676364 34.676364 0 0 0 0 49.338182l418.909091 418.909091a34.909091 34.909091 0 0 0 49.338182-49.338182l-418.909091-418.909091a35.141818 35.141818 0 0 0-24.669091-10.24zM919.272727 756.363636h-186.181818a34.909091 34.909091 0 0 0 0 69.818182h186.181818a34.909091 34.909091 0 0 0 0-69.818182zM919.272727 570.181818a34.909091 34.909091 0 0 0-34.909091 34.909091v186.181818a34.909091 34.909091 0 0 0 69.818182 0v-186.181818a34.909091 34.909091 0 0 0-34.909091-34.909091z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="NMStubiao-" unicode="&#58920;" d="M507.2 744c9.1 0 17.8 3.6 24.2 10 6.4 6.4 10 15.1 10 24.2V846.9c0 18.9-15.3 34.3-34.3 34.3s-34.3-15.3-34.3-34.3v-68.6c0.1-18.9 15.5-34.3 34.4-34.3zM100 622.8c13.5-13 34.8-12.8 48.1 0.4 13.2 13.2 13.4 34.6 0.4 48.1L100 719.8c-13.5 13-34.8 12.8-48.1-0.4-13.2-13.2-13.4-34.6-0.4-48.1l48.5-48.5z m871.2 62.7c-13.4 13.4-35.1 13.4-48.5 0L874.3 637c-13-13.5-12.8-34.8 0.4-48.1 13.2-13.2 34.6-13.4 48.1-0.4l48.5 48.5c13.3 13.4 13.3 35.1-0.1 48.5z m-35.5-729.9h-51.4v377c0 208.3-168.8 377.1-377.1 377.1S130.1 540.9 130.1 332.6v-377.1H78.7c-18.9 0-34.3-15.3-34.3-34.3s15.3-34.3 34.3-34.3h857c18.9 0 34.3 15.3 34.3 34.3s-15.4 34.4-34.3 34.4z m-394.2 0V92.7c0 18.9-15.3 34.3-34.3 34.3s-34.3-15.3-34.3-34.3v-137.1H198.7v377c0 170.4 138.1 308.5 308.5 308.5S815.7 503 815.7 332.6v-377.1H541.5z m0 0M531.4 541.7l-128-200.9c-2.1-3.3 0.3-7.6 4.2-7.6h102.6c3 0 5.4-2.7 4.9-5.7l-23.5-141.2c-0.9-5.3 6.1-8 9-3.5l128 200.9c2.1 3.3-0.3 7.6-4.2 7.6H521.8c-3 0-5.4 2.7-4.9 5.7l23.5 141.2c0.9 5.3-6.1 8-9 3.5z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="wanchenganquanshijian" unicode="&#59018;" d="M237.17 585.18h434.66v-50H237.17zM237.17 416.71h221.75v-50H237.17zM802.18 321.58a396.32 396.32 0 0 1 8.82 83.11V662.63L441.47 829.46 98 662.63V396a395.92 395.92 0 0 1 154.1-313.47l189.37-146.09L566 25.73a197.7 197.7 0 0 1 163.39-86.19c109.31 0 197.93 88.62 197.93 197.93a198 198 0 0 1-125.14 184.11zM442.75 9.33L287.82 128.85A337.36 337.36 0 0 0 156.5 396V626l285.88 138.87 310.12-140v-220.18a336.57 336.57 0 0 0-7.37-69.91q-7.8 0.62-15.75 0.62c-109.31 0-197.93-88.61-197.93-197.93a197.89 197.89 0 0 1 8.72-58.28zM834 32.87a147.92 147.92 0 0 0-209.2 0 149.48 149.48 0 0 0-18.16 22 146.23 146.23 0 0 0-22.74 55.67 149.64 149.64 0 0 0-2.43 26.94A147.92 147.92 0 0 0 729.38 285.4h1.29A147.92 147.92 0 0 0 834 32.87zM802.36 211.74l-95.49-95.5-50.47 50.47-35.36-35.35 85.83-85.83 130.85 130.85-35.36 35.36z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="eventbridgexiaoxishijianzongxian" unicode="&#59213;" d="M874.666667 186.026667V619.946667L704 789.333333H467.2v-1.493333L529.706667 725.333333h149.333333L810.666667 592V213.333333h-10.666667a117.12 117.12 0 0 1-56.746667-14.72L640 303.36l35.413333 126.08-117.12 117.12L431.36 512l-102.4 102.4a117.333333 117.333333 0 1 1-200.96-5.76v-460.586667h1.28L298.666667-21.333333h256l-64 64h-164.906667L192 176v384a123.093333 123.093333 0 0 1 34.56-5.12 116.693333 116.693333 0 0 1 55.893333 14.08l102.186667-101.973333-35.84-128 117.12-117.12 128 35.84 103.68-103.68a117.333333 117.333333 0 1 1 177.066667 32zM173.866667 672a53.333333 53.333333 0 1 0 106.666666 0 53.333333 53.333333 0 0 0-106.666666 0z m247.253333-314.666667L448 448l91.733333 25.813333 64-64-25.813333-91.946666-91.733333-25.6-65.066667 65.066666z m426.666667-288A53.333333 53.333333 0 0 0 800.426667 42.666667a50.346667 50.346667 0 0 0-26.453334 7.253333 53.333333 53.333333 0 1 0 72.746667 19.413333h1.066667z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shu" unicode="&#58921;" d="M448.84 15.71H175.37c-20.14 0-36.46 16.33-36.46 36.46 0 20.14 16.33 36.46 36.46 36.46h273.48c20.14 0 36.46-16.33 36.46-36.46 0-20.14-16.33-36.46-36.47-36.46zM448.84 307.42H175.37c-20.14 0-36.46 16.33-36.46 36.46 0 20.14 16.33 36.46 36.46 36.46h273.48c20.14 0 36.46-16.33 36.46-36.46 0-20.14-16.33-36.46-36.47-36.46zM138.9 52.17V599.12c0 20.14 16.33 36.46 36.46 36.46 20.14 0 36.46-16.33 36.46-36.46v-546.95c0-20.14-16.33-36.46-36.46-36.46-20.13 0-36.46 16.32-36.46 36.46zM211.83 547.84H138.9c-40.11 0-72.93 32.82-72.93 72.93V693.7c0 40.11 32.82 72.93 72.93 72.93h72.93c40.11 0 72.93-32.82 72.93-72.93v-72.93c0-40.11-32.82-72.93-72.93-72.93zM922.87 270.95H605.12c-20.05 0-36.46 16.41-36.46 36.46v72.93c0 20.05 16.41 36.46 36.46 36.46h317.75c20.05 0 36.46-16.41 36.46-36.46v-72.93c0-20.05-16.41-36.46-36.46-36.46zM921.67 584.31h-508.1c-20.71 0-37.66 16.95-37.66 37.66V692.5c0 20.71 16.95 37.66 37.66 37.66h508.1c20.71 0 37.66-16.95 37.66-37.66v-70.54c0-20.71-16.94-37.65-37.66-37.65zM922.87-20.76H605.12c-20.05 0-36.46 16.41-36.46 36.46v72.93c0 20.05 16.41 36.46 36.46 36.46h317.75c20.05 0 36.46-16.41 36.46-36.46v-72.93c0-20.05-16.41-36.46-36.46-36.46z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shebeiguanji" unicode="&#58909;" d="M704 160a32 32 0 1 0 3.744-63.776L704 96H320a31.968 31.968 0 0 0-3.744 63.776L320 160h384z m32 512a95.872 95.872 0 0 0 95.84-90.368L832 576v-288a95.872 95.872 0 0 0-90.336-95.84L736 192H288a95.872 95.872 0 0 0-95.84 90.336L192 288v288a95.872 95.872 0 0 0 90.336 95.84L288 672h448z m0-64H288a31.968 31.968 0 0 1-31.776-28.256L256 576v-288a32 32 0 0 1 28.256-31.808L288 256h448a31.968 31.968 0 0 1 31.776 28.256L768 288v288a32 32 0 0 1-28.256 31.776L736 608z m-286.624-91.968a24.32 24.32 0 0 0 2.048-34.72 63.328 63.328 0 0 1-16.512-42.752c0-35.52 29.344-64.32 65.536-64.32 36.16 0 65.504 28.8 65.504 64.32 0 15.904-5.824 30.816-16.32 42.496a24.32 24.32 0 0 0 2.304 34.72 25.408 25.408 0 0 0 35.36-2.24 112 112 0 0 0 28.8-74.976c0-62.72-51.776-113.536-115.648-113.536-63.904 0-115.68 50.848-115.68 113.536a112 112 0 0 0 29.216 75.424 25.408 25.408 0 0 0 35.392 2.048z m51.296 40.32c12.704 0 23.168-9.216 24.832-21.248l0.224-3.36V473.6c0-13.632-11.2-24.608-25.056-24.608a24.896 24.896 0 0 0-24.832 21.248l-0.224 3.36v58.112c0 13.632 11.2 24.608 25.056 24.608z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="haofangtuo400iconfontduanxin" unicode="&#59096;" d="M348.16 389.12m-40.96 0a40 40 0 1 0 81.92 0 40 40 0 1 0-81.92 0ZM512 389.12m-40.96 0a40 40 0 1 0 81.92 0 40 40 0 1 0-81.92 0ZM675.84 389.12m-40.96 0a40 40 0 1 0 81.92 0 40 40 0 1 0-81.92 0ZM879.387648 521.911296c-20.342784 40.297472-49.386496 76.422144-86.327296 107.370496C717.819904 692.322304 618.00448 727.04 512 727.04s-205.819904-34.717696-281.061376-97.758208c-36.939776-30.949376-65.984512-67.074048-86.327296-107.370496C123.39712 479.88736 112.64 435.21024 112.64 389.12c0-49.606656 12.394496-97.39776 36.841472-142.045184 21.1712-38.665216 50.282496-73.055232 86.662144-102.404096L195.67616 27.147264c-2.697216-7.832576-0.4096-16.51712 5.793792-22.006784 3.823616-3.383296 8.67328-5.141504 13.574144-5.141504 3.049472 0 6.119424 0.68096 8.974336 2.072576l145.844224 71.133184C415.199232 58.600448 462.973952 51.2 512 51.2c106.00448 0 205.819904 34.717696 281.061376 97.758208 36.939776 30.949376 65.984512 67.074048 86.327296 107.370496C900.60288 298.35264 911.36 343.02976 911.36 389.12S900.60288 479.88736 879.387648 521.911296zM512 92.16c-47.425536 0-93.503488 7.565312-136.951808 22.486016-5.13024 1.76128-10.753024 1.416192-15.630336-0.96256L250.50112 60.561408l29.14304 84.635648c2.902016 8.426496 0.021504 17.762304-7.124992 23.088128-37.219328 27.739136-66.527232 60.865536-87.110656 98.459648C164.301824 305.294336 153.6 346.466304 153.6 389.12c0 163.743744 160.77824 296.96 358.4 296.96s358.4-133.216256 358.4-296.96S709.62176 92.16 512 92.16z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="navicon-ywcs" unicode="&#58977;" d="M928.768-117.75999999999999H138.752c-14.336 0-25.6 11.264-25.6 25.6V849.92c0 14.336 11.264 25.6 25.6 25.6h790.016c14.336 0 25.6-11.264 25.6-25.6v-942.08c0-14.336-11.264-25.6-25.6-25.6zM164.352-66.55999999999995h738.816V824.3199999999999H164.352v-890.88zM623.616 322.55999999999995c-67.072 0-121.344 54.272-121.344 121.344s54.272 121.344 121.344 121.344 121.344-54.272 121.344-121.344-54.272-121.344-121.344-121.344z m0 191.488c-38.912 0-70.144-31.232-70.144-70.144s31.232-70.144 70.144-70.144 70.144 31.232 70.144 70.144-31.232 70.144-70.144 70.144zM442.88 46.08000000000004c-67.072 0-121.344 54.272-121.344 121.344s54.272 121.344 121.344 121.344 121.344-54.272 121.344-121.344S509.952 46.08000000000004 442.88 46.08000000000004z m0 191.488c-38.912 0-70.144-31.232-70.144-70.144S403.968 97.27999999999997 442.88 97.27999999999997s70.144 31.232 70.144 70.144-31.232 70.144-70.144 70.144zM516.608 418.304H279.552c-14.336 0-25.6 11.264-25.6 25.6s11.264 25.6 25.6 25.6h237.056c14.336 0 25.6-11.264 25.6-25.6s-11.264-25.6-25.6-25.6zM787.456 141.82399999999996h-237.056c-14.336 0-25.6 11.264-25.6 25.6s11.264 25.6 25.6 25.6h237.056c14.336 0 25.6-11.264 25.6-25.6s-11.264-25.6-25.6-25.6zM787.456 423.936h-28.672c-14.336 0-25.6 11.264-25.6 25.6s11.264 25.6 25.6 25.6h28.672c14.336 0 25.6-11.264 25.6-25.6s-11.264-25.6-25.6-25.6zM307.712 141.82399999999996h-28.16c-14.336 0-25.6 11.264-25.6 25.6s11.264 25.6 25.6 25.6h28.16c14.336 0 25.6-11.264 25.6-25.6s-11.264-25.6-25.6-25.6zM646.144 694.784H420.352c-14.336 0-25.6 11.264-25.6 25.6s11.264 25.6 25.6 25.6h225.792c14.336 0 25.6-11.264 25.6-25.6s-11.264-25.6-25.6-25.6z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="liebiao" unicode="&#58976;" d="M255.3 758.7c-59 0-107-48-107-107s48-107 107-107 107 48 107 107-48 107-107 107z m0-167.9c-33.6 0-61 27.4-61 61s27.4 61 61 61 61-27.4 61-61-27.4-61-61-61zM427.3 674.8h448.4v-46H427.3zM255.3 478.4c-59 0-107-48-107-107s48-107 107-107 107 48 107 107-48 107-107 107z m0-168c-33.6 0-61 27.4-61 61s27.4 61 61 61 61-27.4 61-61-27.4-61-61-61zM427.3 394.4h448.4v-46H427.3zM255.3 223.2c-59 0-107-48-107-107s48-107 107-107 107 48 107 107-48 107-107 107z m0-167.9c-33.6 0-61 27.4-61 61s27.4 61 61 61 61-27.4 61-61-27.4-61-61-61zM427.3 139.2h448.4v-46H427.3z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="bianji" unicode="&#58892;" d="M448.352 133.3376a26.5664 26.5664 0 0 0-10.5664-10.8224l-89.152-49.472c-12.192-6.7648-26.9888-2.3424-33.0496 9.8752a25.0048 25.0048 0 0 0-2.5792 10.688l-1.728 101.952c-0.0896 5.248 1.408 10.2912 4.0832 14.56l0.4736 0.8512 268.8 465.5744a25.6 25.6 0 0 0 34.9696 9.3696l88.6848-51.2a25.6 25.6 0 0 0 9.3696-34.9696l-268.8-465.5744a26.0544 26.0544 0 0 0-0.5056-0.832z m240.3648 653.088l72.0576-41.6a35.2 35.2 0 0 0 12.8832-48.0832l-12.8-22.1696a35.2 35.2 0 0 0-48.0832-12.8896l-72.0576 41.6a35.2 35.2 0 0 0-12.8832 48.0896l12.8 22.1696a35.2 35.2 0 0 0 48.0832 12.8832zM160 32h691.2a32 32 0 1 0 0-64H160a32 32 0 1 0 0 64z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="youjian" unicode="&#58938;" d="M943.61842742 672.38307454H285.90581649c-4.06963056 0-8.55526778-0.75966468-13.4870578-2.25487685l342.33130503-274.54030086 342.33130431 274.54030086c-4.93178931 1.49521216-9.41742653 2.25487685-13.48705707 2.25487685h0.02411646z m41.08819716-535.57545712V586.78818987L640.43395531 310.61400771c-7.25901555-6.02908233-15.83839979-9.02553632-25.68389159-9.02553632-9.83946286 0-18.41884711 2.99645401-25.68389159 9.02553632L244.78144425 586.78818987V136.80761742000004c0-11.37687903 4.03345623-21.05958523 12.04610678-29.15664305 8.0789703-8.0186795 17.72550289-12.05816537 29.07826546-12.05816537h657.71261093c11.34673362 0 21.0414977 4.03948514 29.06017719 12.05816537 8.0608835 8.09705783 12.07625218 17.77976403 12.07625219 29.15664305h-0.04823222zM285.88170002 754.78857422h657.71261094c34.01608369 0 63.1064063-12.07022324 87.19861984-36.20464081C1054.87308648 694.437458 1066.9071354 665.30493141 1066.9071354 631.19238258v-494.38476516c0-34.10049096-12.0340489-63.24507543-36.1142046-87.39155084-24.09221356-24.13441756-53.18253687-36.20464081-87.19861984-36.2046408H285.88170002c-34.04020014 0-63.12449382 12.07022324-87.19862056 36.2046408C174.59086589 73.56254200000001 162.54475911 102.70712647000005 162.54475911 136.80761742000004v494.38476516c0 34.11254883 12.04610678 63.24507543 36.13832034 87.39155084C222.76323513 742.71835098 251.84149987 754.78857422 285.88170002 754.78857422z"  horiz-adv-x="1248" />
+
+    
+    <glyph glyph-name="shejiaodingding" unicode="&#59000;" d="M824.5 484.9c-1.4-5.8-4.8-14.4-9.6-24.7h0.1l-0.6-1c-27.9-59.8-100.7-177-100.7-177s-0.1 0.3-0.4 0.7L692 245.8h102.6L598.8-15l44.5 177.5h-80.7l28 117.4c-22.7-5.5-49.5-13-81.3-23.2 0 0-43-25.2-123.8 48.5 0 0-54.5 48.1-22.9 60.1 13.4 5.1 65.2 11.6 106 17.1 55.1 7.5 89 11.4 89 11.4s-169.8-2.5-210.1 3.8c-40.3 6.3-91.4 73.7-102.3 132.9 0 0-16.8 32.5 36.2 17.1 53-15.4 272.6-59.9 272.6-59.9s-285.6 87.7-304.6 109.1c-19 21.4-55.9 116.8-51.1 175.4 0 0 2.1 14.6 17 10.7 0 0 211.1-96.6 355.5-149.5 144.4-53.1 269.9-80 253.7-148.5z m0 0"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zidianguanli" unicode="&#58916;" d="M371.2 409.6s6.4-6.4 0 0c6.4-6.4 6.4-6.4 0 0zM652.8 518.4s0 6.4 0 0c0 6.4 0 6.4 0 0 0 6.4 0 6.4 0 0zM928-70.4c-32 0-57.6 25.6-57.6 57.6v57.6c6.4 0 19.2 6.4 38.4 19.2 19.2 19.2 19.2 32 19.2 38.4V819.2c0 25.6-12.8 44.8-25.6 51.2-6.4 12.8-25.6 25.6-51.2 25.6h-672C115.2 896 64 844.8 64 780.8v-787.2c0-64 51.2-115.2 115.2-115.2H928c19.2 0 32 12.8 32 32s-12.8 19.2-32 19.2z m-734.4 16.8c-30.4 0-55.2 13.6-55.2 44v5.6c0 46.4 18.4 46.4 30.4 46.4H792v-52c0-17.6 6.4-26.4 12-44H193.6z m660 184.8l-12-12h-672c-12 0-24.8 0-30.4-6.4V766.4c0 30.4 24.8 55.2 55.2 55.2h641.6c6.4 0 18.4-12 18.4-18.4l-0.8-672zM498.4 553.6c-48 0-86.4-38.4-86.4-86.4s38.4-86.4 86.4-86.4c47.2 0.8 86.4 39.2 87.2 86.4-0.8 48-39.2 86.4-87.2 86.4z m-0.8-116c-16.8 0-29.6 12.8-30.4 29.6v0.8c0 16.8 13.6 30.4 30.4 30.4 16.8 0 30.4-13.6 30.4-29.6 0-17.6-13.6-31.2-30.4-31.2zM682.4 480l44 53.6-4.8 12-4.8 12c-4 8.8-7.2 17.6-11.2 23.2-5.6 12-12.8 23.2-22.4 32.8l-8.8 8.8-68-9.6c-10.4-0.8-20 4.8-24 14.4L560 689.6l-12.8 1.6c-33.6 7.2-68 7.2-101.6 0l-12-1.6-24-64c-4-8-12.8-13.6-21.6-13.6h-1.6l-64 12-8.8-8.8c-18.4-20.8-32-45.6-41.6-72l-4.8-11.2 44-52.8c5.6-7.2 5.6-16.8 0-24l-46.4-51.2 4.8-11.2c4-14.4 10.4-28.8 18.4-41.6 5.6-11.2 12.8-21.6 21.6-31.2l8.8-8.8 69.6 11.2c8.8 0.8 17.6-4 21.6-12.8l22.4-64 12.8-2.4c34.4-7.2 69.6-7.2 103.2 0l11.2 2.4 24 65.6c3.2 8.8 12 13.6 21.6 12.8l68-11.2 8.8 8.8c17.6 20.8 31.2 44.8 40 70.4l4.8 12-44 50.4c-5.6 7.2-5.6 18.4 0 25.6z m-44-108.8l-36.8 5.6c-27.2 4-53.6-11.2-63.2-37.6l-13.6-36.8c-17.6-2.4-35.2-2.4-52 0l-12 35.2c-9.6 25.6-35.2 42.4-63.2 39.2l-40.8-6.4c-4 4-6.4 8.8-8.8 13.6-4 6.4-7.2 12.8-9.6 19.2l25.6 29.6c16.8 21.6 16.8 52 0 72.8L338.4 536c5.6 11.2 12 22.4 19.2 32l36.8-5.6c28-4.8 54.4 11.2 64.8 37.6l13.6 35.2c16.8 2.4 33.6 2.4 50.4 0l12-33.6c9.6-26.4 35.2-42.4 63.2-39.2l39.2 4.8c3.2-4.8 6.4-9.6 9.6-15.2 4-5.6 6.4-11.2 8.8-16l0.8-1.6-24.8-29.6c-16.8-21.6-16-52 1.6-72.8l24-28c-5.6-12-12-22.4-19.2-32.8z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="tubiao" unicode="&#59199;" d="M128 0h816c8.837 0 16-7.163 16-16v-32c0-8.837-7.163-16-16-16H80c-8.837 0-16 7.163-16 16V816c0 8.837 7.163 16 16 16h32c8.837 0 16-7.163 16-16v-816z m96 325h48c8.837 0 16-7.163 16-16v-220c0-8.837-7.163-16-16-16h-48c-8.837 0-16 7.163-16 16V309c0 8.837 7.163 16 16 16z m360 112h48c8.837 0 16-7.163 16-16v-332c0-8.837-7.163-16-16-16h-48c-8.837 0-16 7.163-16 16V421c0 8.837 7.163 16 16 16zM404 648h48c8.837 0 16-7.163 16-16v-543c0-8.837-7.163-16-16-16h-48c-8.837 0-16 7.163-16 16V632c0 8.837 7.163 16 16 16z m360 99h48c8.837 0 16-7.163 16-16v-642c0-8.837-7.163-16-16-16h-48c-8.837 0-16 7.163-16 16V731c0 8.837 7.163 16 16 16z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="dingding" unicode="&#59024;" d="M512.003 817C272.855 817 79 623.145 79 383.997 79 144.855 272.855-49 512.003-49 751.145-49 945 144.855 945 383.997 945 623.145 751.145 817 512.003 817z m200.075-375.014c-0.867-3.764-3.117-9.347-6.234-16.012h0.087l-0.347-0.648c-18.183-38.86-65.631-115.108-65.631-115.108l-0.215 0.52-13.856-24.147h66.8L565.063 117l29.002 115.368h-52.598l18.27 76.29c-14.76-3.55-32.253-8.436-52.945-15.1 0 0-27.967-16.36-80.607 31.5 0 0-35.501 31.29-14.891 39.078 8.744 3.33 42.466 7.573 69.004 11.122 35.93 4.845 57.965 7.441 57.965 7.441s-110.607-1.643-136.841 2.468c-26.237 4.11-59.525 47.905-66.626 86.377 0 0-10.953 21.117 23.595 11.122 34.547-10 177.535-38.95 177.535-38.95s-185.933 56.992-198.36 70.929c-12.381 13.846-36.406 75.902-33.289 113.981 0 0 1.343 9.521 11.127 6.926 0 0 137.49-62.75 231.475-97.152 94.028-34.403 175.76-51.885 165.2-96.414z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="duanxin" unicode="&#58883;" d="M553.710009 145.066995h402.091992a45.374999 45.374999 0 0 1 45.441999 45.350999V759.625983a45.510999 45.510999 0 0 1-45.441999 45.351999H136.465017a45.374999 45.374999 0 0 1-45.442999-45.351999v-569.207989a45.510999 45.510999 0 0 1 45.442999-45.350999h159.356997v-136.533998l257.888995 136.533998z m22.301-91.022999L284.400014-106.837c-43.963999-24.258-79.598998-3.209-79.598998 47.012999V54.043996h-68.129999A136.692997 136.692997 0 0 0 0.00002 190.713994V759.329983A136.601997 136.601997 0 0 0 136.670017 895.99998h818.926984a136.692997 136.692997 0 0 0 136.669998-136.669997v-568.615989a136.601997 136.601997 0 0 0-136.669998-136.669998H576.010009zM295.822014 395.37799a68.266999 68.266999 0 1 0 0 136.532997 68.266999 68.266999 0 0 0 0-136.532997z m250.310995 0a68.266999 68.266999 0 1 0 0 136.532997 68.266999 68.266999 0 0 0 0-136.532997z m250.310995 0a68.266999 68.266999 0 1 0 0 136.532997 68.266999 68.266999 0 0 0 0-136.532997z"  horiz-adv-x="1092" />
+
+    
+    <glyph glyph-name="directmailyoujiantuisong" unicode="&#59156;" d="M543.232 138.24l3.072 45.568H232.96c-56.32 0-102.4 46.08-102.4 102.4 0 36.352 18.944 69.12 51.2 88.064 31.232 17.92 33.28 21.504 20.48 53.76-2.048 5.632-3.072 11.776-3.072 17.408 0 31.232 25.6 56.832 56.832 56.832 0 0 14.848 1.024 30.72-5.12 26.112-10.24 29.184-0.512 41.472 26.624 26.112 56.32 82.432 92.672 143.872 92.672 81.92 0 149.504-61.952 157.184-143.872 2.56-32.256 2.56-32.256 36.864-40.448 25.6-5.12 49.152-17.92 67.584-36.864l48.64 11.776c-25.6 36.352-64 61.44-107.52 69.632-9.728 103.424-96.256 185.344-202.752 185.344-82.432 0-152.576-48.64-185.344-118.784-9.728 3.584-20.48 5.12-30.72 5.12-56.32 0-102.4-45.568-102.4-102.4 0-11.264 2.048-22.016 5.632-31.744-44.032-25.6-73.728-72.704-73.728-126.976 0-81.408 66.048-147.968 147.968-147.968l309.76-1.024zM441.344 303.616l100.352-96.768L926.72 400.896 580.608 184.32l-3.072-111.616 51.712 51.712 54.784-54.784L981.504 430.08 441.344 303.616z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shebeisheshi" unicode="&#58908;" d="M811 48H695V191h85c12.7 0 23 10.3 23 23V743c0 12.7-10.3 23-23 23H564c-12.7 0-23-10.3-23-23v-529c0-12.7 10.3-23 23-23h85v-143H375V191h85c12.7 0 23 10.3 23 23V743c0 12.7-10.3 23-23 23H244c-12.7 0-23-10.3-23-23v-529c0-12.7 10.3-23 23-23h85v-143H213c-12.7 0-23-10.3-23-23s10.3-23 23-23h598c12.7 0 23 10.3 23 23s-10.3 23-23 23zM587 720h170v-483H587V720z m-320 0h170v-483H267V720zM672 321m-32 0a32 32 0 1 1 64 0 32 32 0 1 1-64 0ZM352 321m-32 0a32 32 0 1 1 64 0 32 32 0 1 1-64 0Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="tongzhi" unicode="&#58886;" d="M590.336 690.688V76.8l-169.472 159.744-17.92 16.896h-204.8c-16.896 0-30.72 13.824-30.72 30.72v199.68c0 16.896 13.824 30.72 30.72 30.72h205.312l17.92 16.384 168.96 159.744m10.24 75.264c-10.752 0-22.016-3.584-31.744-11.264L378.88 576.512H197.632c-50.688 0-92.16-41.472-92.16-92.16v-199.68c0-50.688 41.472-92.16 92.16-92.16H378.88l189.952-178.688c9.728-7.68 20.992-11.264 31.744-11.264 26.624 0 51.2 20.992 51.2 51.2V714.752c0 30.72-24.576 51.2-51.2 51.2zM897.536 414.72h-195.072v-61.44h195.072V414.72zM745.984 260.608l-43.52-43.52 118.784-119.296 43.52 43.52-118.784 119.296zM821.248 670.208l-118.784-119.296 43.52-43.52 118.784 119.296-43.52 43.52z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="rizhi" unicode="&#58979;" d="M897.28 725.333333h-750.933333c-28.16 0-51.2-23.04-51.2-51.2v-665.6c0-28.16 23.04-51.2 51.2-51.2h750.933333c28.16 0 51.2 23.04 51.2 51.2V674.133333c0 28.16-22.613333 51.2-51.2 51.2z m-17.066667-699.733333h-716.8V657.066667h716.8v-631.466667zM744.96 196.266667H333.226667c-18.346667 0-32.853333 14.933333-32.853334 32.853333v2.133333c0 18.346667 14.933333 32.853333 32.853334 32.853334h411.733333c18.346667 0 32.853333-14.933333 32.853333-32.853334v-2.133333c0-17.92-14.506667-32.853333-32.853333-32.853333zM743.68 349.866667h-221.866667c-18.773333 0-34.133333 15.36-34.133333 34.133333s15.36 34.133333 34.133333 34.133333h221.866667c18.773333 0 34.133333-15.36 34.133333-34.133333s-14.933333-34.133333-34.133333-34.133333zM718.08 588.8c-18.773333 0-34.133333 15.36-34.133333 34.133333V776.533333c0 18.773333 15.36 34.133333 34.133333 34.133334s34.133333-15.36 34.133333-34.133334v-153.6c0-18.773333-14.933333-34.133333-34.133333-34.133333zM325.546667 588.8c-18.773333 0-34.133333 15.36-34.133334 34.133333V776.533333c0 18.773333 15.36 34.133333 34.133334 34.133334s34.133333-15.36 34.133333-34.133334v-153.6c0-18.773333-14.933333-34.133333-34.133333-34.133333z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="chufaqipeizhi-hui" unicode="&#59017;" d="M434.4 537.6m-24.4 0a24.4 24.4 0 1 1 48.8 0 24.4 24.4 0 1 1-48.8 0ZM434.4 409.6m-24.4 0a24.4 24.4 0 1 1 48.8 0 24.4 24.4 0 1 1-48.8 0ZM288 409.6m-24.4 0a24.4 24.4 0 1 1 48.8 0 24.4 24.4 0 1 1-48.8 0ZM288 488.8m-24.4 0a24.4 24.4 0 1 1 48.8 0 24.4 24.4 0 1 1-48.8 0ZM866 163.6H152.4c-14.8 0-26.8 12-26.8 26.8V697.2c0 14.8 12 26.8 26.8 26.8h713.6c14.8 0 26.8-12 26.8-26.8v-116.4a26.8 26.8 0 0 0-53.6 0V670h-660v-452.4h659.6v224.4a26.8 26.8 0 0 0 53.6 0v-251.2c0.4-14.8-11.6-27.2-26.4-27.2zM661.2 32H356.8a26.8 26.8 0 0 0 0 53.6h304.4c14.8 0 26.8-12 26.8-26.8 0.4-14.8-11.6-26.8-26.8-26.8z m0 0M566.8 40.8h-111.6c-7.6 0-14.4 3.2-19.2 8.8-4.8 5.6-6.8 13.2-5.6 20.4l20.8 123.6c2 12 12.8 21.2 24.8 21.2h69.6c12.4 0 22.8-8.8 24.8-21.2l20.8-123.6c1.2-7.2-0.8-14.8-5.6-20.4-4-5.6-11.2-8.8-18.8-8.8z m-84.8 46.8h54.4l-13.2 76.8h-28l-13.2-76.8z m380 209.2H156.4c-14.8 0-26.4 12-26.4 26.4 0 14.8 12 26.4 26.4 26.4h705.6c14.8 0 26.4-12 26.4-26.4 0-14.8-12-26.4-26.4-26.4z m-344-65.6h-17.6c-14.8 0-26.4 12-26.4 26.4 0 14.8 12 26.4 26.4 26.4h17.6c14.8 0 26.4-12 26.4-26.4 0-14.4-11.6-26.4-26.4-26.4z m0 0M410 537.6h48.8v-128h-48.8zM592.8 616.8m-24.4 0a24.4 24.4 0 1 1 48.8 0 24.4 24.4 0 1 1-48.8 0ZM592.8 409.6m-24.4 0a24.4 24.4 0 1 1 48.8 0 24.4 24.4 0 1 1-48.8 0ZM720.8 537.6m-24.4 0a24.4 24.4 0 1 1 48.8 0 24.4 24.4 0 1 1-48.8 0ZM720.8 409.6m-24.4 0a24.4 24.4 0 1 1 48.8 0 24.4 24.4 0 1 1-48.8 0ZM696.4 537.6h48.8v-128h-48.8zM263.6 488.8h48.8v-79.2H263.6zM568.4 616.8h48.8v-207.2h-48.8z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="vcsshijuejisuanfuwu" unicode="&#59225;" d="M936.746667 572.586667a83.626667 83.626667 0 0 1 12.8 42.666666c0 81.706667-132.266667 150.613333-313.813334 172.586667 2.56-9.237333 4.010667-18.773333 4.266667-28.373333a128 128 0 0 0-7.893333-42.666667 661.333333 661.333333 0 0 0 162.346666-39.893333c64-26.24 83.2-53.333333 83.2-60.16 0-6.826667-19.626667-34.133333-83.2-60.373334a652.16 652.16 0 0 0-168.96-40.533333 51.413333 51.413333 0 0 0-45.013333 17.066667 90.666667 90.666667 0 1 1 6.613333-112 51.626667 51.626667 0 0 0 37.12 21.333333 781.226667 781.226667 0 0 1 152.96 30.933333 5.12 5.12 0 0 0 5.973334-7.68l-264.533334-415.573333a7.893333 7.893333 0 0 0-13.226666 0L241.92 464.64a5.12 5.12 0 0 0 5.76 7.68c39.744-12.266667 80.405333-21.333333 121.6-27.093333a156.586667 156.586667 0 0 0-2.56 26.453333c0 15.808 2.602667 31.530667 7.68 46.506667A631.893333 631.893333 0 0 0 230.4 554.666667c-64 26.24-83.2 53.333333-83.2 60.373333 0 7.04 19.626667 33.92 83.2 60.16a690.133333 690.133333 0 0 0 193.066667 42.666667 50.56 50.56 0 0 0 39.253333-12.8 72.746667 72.746667 0 0 1 68.266667-16.853334 71.68 71.68 0 0 1 51.626666 52.48A72.746667 72.746667 0 0 1 512 832a71.253333 71.253333 0 0 1-53.76-24.32 53.333333 53.333333 0 0 0-34.56-15.786667C224.426667 775.253333 74.666667 702.506667 74.666667 615.68a82.56 82.56 0 0 1 13.226666-44.16l393.6-618.666667a36.266667 36.266667 0 0 1 61.013334 0l392.533333 616.746667v1.066667l1.706667 1.92z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="bar_icon_shebei" unicode="&#58890;" d="M901.12 387.413H119.467C54.613 387.413 0 442.027 0 506.88V732.16C0 797.013 54.613 851.627 119.467 851.627H901.12c64.853 0 119.467-54.614 119.467-119.467v-221.867c0-68.266-51.2-122.88-119.467-122.88zM119.467 773.12c-20.48 0-40.96-17.067-40.96-40.96v-221.867c0-20.48 17.066-40.96 40.96-40.96H901.12c20.48 0 40.96 17.067 40.96 40.96V732.16c0 20.48-17.067 40.96-40.96 40.96H119.467z m0 0M675.84 633.173c0-20.48 10.24-37.546 27.307-47.786 17.066-10.24 37.546-10.24 54.613 0s27.307 27.306 27.307 47.786-10.24 37.547-27.307 47.787c-17.067 10.24-37.547 10.24-54.613 0-17.067-13.653-27.307-30.72-27.307-47.787zM983.04 179.20000000000005H78.507c-20.48 0-40.96 17.067-40.96 40.96 0 20.48 17.066 40.96 40.96 40.96h901.12c20.48 0 40.96-17.067 40.96-40.96 3.413-23.893-17.067-40.96-37.547-40.96z m0-228.693H78.507c-20.48 0-40.96 17.066-40.96 40.96 0 20.48 17.066 40.96 40.96 40.96h901.12c20.48 0 40.96-17.067 40.96-40.96 3.413-23.894-17.067-40.96-37.547-40.96z m0 0"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="user-before" unicode="&#58903;" d="M512.7168 357.2224c-150.5792 0-273.09056 120.84736-273.09056 269.3888C239.62624 775.14752 362.13248 896 512.71168 896s273.09056-120.85248 273.09056-269.3888c0-148.54144-122.51136-269.3888-273.09056-269.3888z m0 500.65408c-129.55648 0-234.94656-103.7312-234.94656-231.26528s105.4208-231.2704 234.94144-231.2704c129.55648 0 234.96704 103.7312 234.96704 231.2704s-105.41056 231.2704-234.96704 231.2704z m94.2592-985.87136H418.47808c-189.44 0-339.08224 0-339.08224 111.8208v18.54464c0 184.32 152.1152 334.25408 339.08224 334.25408h188.49792c186.96704 0 339.07712-149.9392 339.07712-334.25408v-18.54976C946.0224-128 788.8896-128 606.976-128z m-188.49792 426.47552c-165.94432 0-300.9536-132.84864-300.9536-296.13056v-18.55488c0-70.12352 114.34496-73.6768 300.9536-73.6768h188.49792c154.76224 0 300.93312 0 300.9536 73.6768v18.55488c0 163.28192-135.0144 296.13056-300.9536 296.13056H418.47808z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="kemuweihutubiao" unicode="&#58891;" d="M58.40592639 804.6975370600001v-833.99671574c0-32.283744 26.90312-64.567488 64.56748693-64.567488H219.82464532V874.64564906H122.97341332C90.68966932 874.64564906 58.40592639 847.74252906 58.40592639 804.6975370600001c0 5.380624 0 5.380624 0 0zM822.45453012 874.64564906v-355.12118294l-107.61247893 86.089984-112.993104-86.089984V874.64564906H295.15338026v-968.51231574h618.77175786c37.664368 0 64.567488 26.90312 69.94811094 64.567488V804.6975370600001C983.87324906 842.36190506 956.97012906 874.64564906 919.30576212 874.64564906h-96.851232zM381.24336426 998.39999999"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="accounting-subjects" unicode="&#58999;" d="M760.55134815 798.2522469099999v-497.1026963H182.6694637c-31.06891852 0-60.06657581-8.28504494-84.92171061-22.78387358V714.36616691c0 46.60337778 37.28270222 83.88608 83.88608 83.88608H760.55134815m82.85044938 82.85044939H181.63383309C89.46270815 881.1026963 14.8973037 806.53729185 14.8973037 714.36616691v-660.73233382c0-92.17112494 74.56540445-166.73652939 166.73652939-166.73652939H1009.1026963V798.2522469099999h-82.85044939v-828.50449382H182.6694637c-46.60337778 0-84.92171061 38.31833283-84.92171061 84.92171061v78.70792691c0 46.60337778 38.31833283 84.92171061 84.92171061 84.92171063H843.40179753V881.1026963z m0-745.65404445H180.59820247v-82.85044938h662.80359506v82.85044938zM600.02860247 635.65824v-57.99531457H483.00234272V518.63198025h117.02625975v-59.03094519H483.00234272V342.57477530999995h-59.03094519V459.60103506H306.94513778V518.63198025h117.02625975v59.03094518H306.94513778v57.99531457h75.60103505l-75.60103505 75.60103506 41.42522469 42.46085531 104.59869235-105.63432296 105.63432296 105.63432296 41.42522469-42.46085531-75.60103506-75.60103506z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="RectangleCopy" unicode="&#59101;" d="M449.40777426 71.47877705999997a31.42179956 31.42179956 0 0 1 31.42179959 31.42179959v138.06738995h183.94321854a31.42179956 31.42179956 0 0 1 0 62.84359916h-183.94321854v88.42094537h183.94321854a31.42179956 31.42179956 0 1 1 0 62.84360061h-183.94321854v35.25525966l152.7099483 144.1632182a31.29611285 31.29611285 0 0 1 1.25687299 44.36758219 31.29611285 31.29611285 0 0 1-44.30473809 1.3197156l-144.54028127-136.37061276-144.54027978 136.37061276a31.35895695 31.35895695 0 1 1-43.11070921-45.68729779l159.62274382-150.63610949v-28.78236837H224.93043511a31.42179956 31.42179956 0 1 1 0-62.84360061h193.11838221v-88.42094537H224.80474694a31.35895695 31.35895695 0 1 1 0-62.84359916h193.11838367v-138.06738995a31.42179956 31.42179956 0 0 1 31.42179957-31.42179959M855.56596238 886.7488005H164.91479651A155.91497193 155.91497193 0 0 1 9.2511995 730.95951679v-690.58832177a155.85212782 155.85212782 0 0 1 155.72644112-155.66359849h439.59098237a29.72502237 29.72502237 0 0 1 0 59.38720212H164.97764062a96.33923899 96.33923899 0 0 0-96.27639637 96.27639637V731.02235938c0 53.10284161 43.17355328 96.33923899 96.27639637 96.33923901h690.58832176c53.16568571 0 96.33923899-43.23639738 96.33923897-96.4020816v-434.87771386a29.72502237 29.72502237 0 0 1 59.45004474 0v434.87771386a155.977816 155.977816 0 0 1-155.85212781 155.85212781M715.3618895 77.8259802a95.20805418 95.20805418 0 1 0 95.14521158-95.1452101 95.20805418 95.20805418 0 0 0-95.14521158 95.1452101z m229.19061065-82.51364648a156.4805643 156.4805643 0 0 1 23.88056755 82.51364648 158.1773415 158.1773415 0 0 1-157.92596662 157.9888107 158.1773415 158.1773415 0 0 1-157.98881071-157.9888107 158.1773415 158.1773415 0 0 1 157.98881071-157.98881073 156.4805643 156.4805643 0 0 1 91.1232192 29.41080488l54.1083397-59.32435804a31.17042615 31.17042615 0 0 1 44.36758219-2.01099618 31.35895695 31.35895695 0 0 1 2.01099472 44.36758217l-57.56473674 63.03213142z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="chengbenshujuguanli" unicode="&#59079;" d="M938.666667 241.777778c-22.755556 11.377778-51.2 0-56.888889-22.755556-68.266667-164.977778-238.933333-267.377778-409.6-244.622222-199.111111 28.444444-341.333333 170.666667-369.777778 369.777778-22.755556 164.977778 79.644444 335.644444 244.622222 409.6 22.755556 11.377778 34.133333 34.133333 22.755556 62.577778s-34.133333 28.444444-56.888889 17.066666C108.088889 748.088889-17.066667 537.6 11.377778 332.79999999999995c34.133333-244.622222 210.488889-415.288889 449.422222-449.422222 17.066667 0 34.133333-5.688889 51.2-5.688889 187.733333 0 369.777778 119.466667 449.422222 301.511111 11.377778 28.444444 0 56.888889-22.755555 62.577778zM864.711111 731.022222C773.688889 827.733333 648.533333 884.622222 512 884.622222c-22.755556 0-45.511111-22.755556-45.511111-45.511111v-455.111111c0-22.755556 22.755556-45.511111 45.511111-45.511111h455.111111c22.755556 0 45.511111 22.755556 45.511111 45.511111 0 136.533333-56.888889 261.688889-147.911111 347.022222zM557.511111 429.511111V793.6c91.022222-11.377778 176.355556-56.888889 244.622222-125.155556 68.266667-62.577778 108.088889-147.911111 119.466667-238.933333H557.511111z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jibenshuju" unicode="&#59165;" d="M773.6 700c0-10.4-8-18.4-18.4-18.4-10.4 0-18.4 8-18.4 18.4 0 9.6 8 18.4 18.4 18.4 10.4-0.8 18.4-8.8 18.4-18.4zM904 491.2c0-10.4-8-18.4-18.4-18.4-10.4 0-18.4 8-18.4 18.4 0 10.4 8 18.4 18.4 18.4 10.4-0.8 18.4-8.8 18.4-18.4zM904 643.2c0-10.4-8-18.4-18.4-18.4-10.4 0-18.4 8-18.4 18.4 0 10.4 8 18.4 18.4 18.4 10.4-0.8 18.4-8.8 18.4-18.4zM728 539.2L574.4 385.6c-4-9.6-15.2-14.4-24.8-11.2-5.6 1.6-10.4 4.8-13.6 10.4L428 492 284.8 348.8c-4.8-5.6-12.8-8-20-5.6-7.2 1.6-12.8 7.2-14.4 14.4-1.6 7.2 0.8 15.2 5.6 20L406.4 528c4 4 9.6 6.4 15.2 5.6 8 5.6 18.4 4 25.6-2.4l108-108 154.4 154.4h-41.6c-11.2 0-20 8.8-20 20s8.8 20 20 20h80.8c10.4 0 18.4-7.2 20-17.6 3.2-6.4 3.2-13.6 0-19.2v-64.8c0-7.2-4-13.6-10.4-17.6-6.4-4-14.4-4-20 0-6.4 4-10.4 10.4-10.4 17.6v23.2zM687.2 90.4h60.8c7.2 0 13.6-4 17.6-10.4 4-6.4 4-13.6 0-20s-10.4-10.4-17.6-10.4h-608c-5.6 0-10.4 2.4-14.4 5.6-4 4-5.6 8.8-5.6 14.4V596.8c0 11.2 8.8 20 20 20S160 608 160 596.8v-506.4h121.6V232.8c0 11.2 8.8 20 20 20s20-8.8 20-20v-141.6h80.8V313.6c0 11.2 8.8 20 20 20s20-8.8 20-20v-223.2h80.8V232.8c0 11.2 8.8 20 20 20s20-8.8 20-20v-141.6h80.8V354.4c0 11.2 8.8 20 20 20s20-8.8 20-20v-264z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="B-shengshiqu" unicode="&#59181;" d="M503.5 460.3c0 0.1 0.1 0.2 0.2 0.2-0.2 0.9-0.3 1.7-0.4 2.2 0-0.8 0.1-1.6 0.2-2.4z m172-187.8h-0.1 0.1z m4.4-0.6c-1.1 0.2-3.5-0.1-4.4 0.6-0.6-2 0.3-2.8 4.4-0.6zM512.4 832.1C265 832.1 64.6 631.6 64.6 384.2c0-247.3 200.5-447.8 447.8-447.8s447.8 200.5 447.8 447.8c0 247.4-200.5 447.9-447.8 447.9z m286-175c-15.4-0.5-26.2-0.5-38.6-9-5-3.5-8.4-8-14.7-9.8-5.7-1.6-11.8-0.2-17.5-2.1-20.3-6.9-17.1-50.5-43.9-43.9-12.6 3.1-21.5 18-27.8 27.7-5.6 8.5-15.7 15.6-8.9 26.3-3.1-0.8-6.5 0.1-9.6-0.5 4.3 9.4 18.7 8.6 21.1 13.4 6 12.1-16.4 13.3-22.8 15 7.6 8.2 11.5-2.7 19.1-0.9 7.2 1.8-3.8 11.3-8.2 12.4-1.6 0.4-27.1-7.1-12.3 6.2-18.2 11.6-36.5 23.3-54.7 34.9-3.1-12.9 24.3-20.3 33.2-24.9-1.4-5.3-9.7-13.1-16.1-10.8-6 2.1-3.6 12.1-12.6 11.1-6.5-15 13.7-10.6 15.5-19.8 2.1-10.5-7.6-6-11.4-5.9-0.9 0.1-7.9 7.3-8.2 1.8-0.5-6.5 11.1-4 11.9-10.5-13.5-0.5-20.4 4.3-31.4 11.6-12.8 8.5-19.4 7.7-35.1 7.7 4.7 1.9 11.2 3.4 15.2 6.5 2.2 1.7 10.8 10.1 11.4 11.9 2.4 8-0.1 7.4-7.8 12.7-6.9 4.7-15.2 13.1-23.5 14.8-30.1 6-9.3-27.2-32.1-31.7h1.2-1.3 0.2c-5.3 0.2-15.2 1.5-18.6-1.3-2.4-2-2.6-9.8-5.3-12.7-4.8-5.1-11.9-6.1-17.6-9.8-5.6-3.6-17.8-12.8-21.1-19.1-12.1-23 27.2-30.2 42-36.9 6.7-3.1 26.3-7.2 30-12.3 4.9-6.8-4.2-13.2 6-18 3.3-1.5 10-1.8 12.8 1.3 4.6 5.2-1.9 6.3-3 12.3-2.1 11.5 1.4 6.9 7.1 11.2 11.8 8.7 9.1 9.2 4.9 23-2 6.4-9.4 24.4-2.9 29.2 8.5 6.2 26.6-3.4 33.1-4.2 7.6-0.9 11.9-11.4 16-15.7 2.7-2.8 7.7-8.9 12.4-8.2 7.6 1 4.4 7.7 8.9 10.8 11.8 8.2 15-2.9 19.7-14.1 4.4-10.5 8.6-14.4 16.5-21.1 3.7-3.1 19.8-14.3 18.2-21.2-1-4.6-19.4-11.7-24.3-13.2-18-5.7-51.7 9.3-55.3-19.2 7 2.6 26.8 18.8 32.7 11.1 2.7-3.5-2.2-8.6-1-12 3.4-10.4 11.4-6.8 19.8-5.1-0.6-0.4-1.2-0.7-1.8-0.9 11.5 5.9 10.3 4.7 15.5 14.2 1.7 3.1 4.3 10.7 6.7 12.9 8.3 7.7 9.6 2.4 14.8-3.5 1.4-1.5 14.1-19.9 9.6-19-14.8 3-29.1 2.6-41.4-5.5-7.1-4.7-13.8-11-22.3-14.1-2-0.7-17.1-2.2-15.3 0.4 2.6 3.7 11.5 6.2 15 10.3-9.8 4-17.9-4.9-25.6-10-8.1-3.9-10-11-17-17.3-3-2.7-8.7-3.2-11.7-6.8-2.9-3.5-3.2-9-6-12.3-1.9-2.3-6.8-0.9-8.8-4.4-2.6-4.6 2.4-8.8 1.3-12.1-2-6-13.4-11.1-17.8-15.4l1.7 1.7c-4.4-4.6-10-8-13.4-13.4 1.6-7.5 6.6-25.5 5.2-29.6-4.6-13.6-13.5 7.4-17.1 12.8-12.4 18.6-37.1 6.2-54 4.6-21.6-2-42.8-30.1-29.5-52.8 6.4-10.9 17.2-15.2 29.5-12.6 11 2.3 14.3 17.6 24.7 17.9 19 0.5 0.4-18.6-1.2-25.7-1.5-6.5 2.4-7.1 9.1-8.7 4.9-1.2 12 2.1 16.2-0.7 2.7-1.8 2.6-11.6 6.3-8.5-7.3-6.1-5.6-20.5 1.9-25.6 8.3-5.8 18.1-0.4 26.8-2.6 16.4-4.2 8.6 1.2 23 10 9.8 5.9 11.4-1.1 18-1.1 4.5 0 7.4 6.5 15 4.6 6.2-1.6 8.6-6.3 16-7.4 3-0.5 6.2 1.1 9 0.8 13.6-1.5 24.1-10.2 34.9-18.1 8.9-6.5 14.7-5.2 25.1-8.1 7.6-2.2 21.5-13.1 20.8-22.7-0.1-1.7-6.7-10.4-7.9-14.2 1.9-1.3 15.4 1.7 19.3 1.9-1.3-1.5-10.5-7.9-10.5-4.5 0-1.7 6.5-5.3 8.1-6.5 4.8 15.5 12.6 5.5 22.1 1.7 8-3.3 17.9-3.4 26.5-5.5 7.3-1.7 23.3-6.6 28.7-12.6 6.5-7.2 2-18.8-2.8-25.9-6.3-9.3-15.8-12.9-19.7-23.9-3.1-8.7-0.8-17.5-2.5-27.2-2.4-13-4.3-8.5-12.7-16.4-7.1-6.7-0.1-5.5-9.8-9.8-9.7-4.3-18.2-3-24.9-13.6 0.3 0.7 0.5 1.3 0.7 2-2.8-4-4.2-12.1-5.6-14.7-3.4-6.8-8-11.1-13.4-16.7-2-2.2-20.9-27.9-22-25.8-1.4 2.7-16.2-2.7-17 1.1 0.6-3.2-0.1-2.1 3.5-4-3.4-21.1-12.4-24.3-33.1-24.5 1.8-10.2-7.5-8.1-11.8-13.6-2.5-3.2-3.7-12.2-5.5-16.3-1.1-2.6-9.2-13-9.2-15 0-1.9 2.7-4.7 5.3-7.3-14.6-2.9-29.5-4.9-44.7-6.1 2.8 3.6 3.5 6.7-5.5 7.1 2.4 6.6 8.1 10.3 10.5 16.7 1.1 3 0.2 4.2 1.2 7.2 3.3 10.3 1.9 6.4 0 14.4-4.4 18.7 1.6 23.8 6.7 40.9 5.2 17.6 4.7 40.4 8.1 59.3 1.6 9.1 4.2 27.9 1 36.5-3.5 9.7-19.2 17.3-26.3 23.7-10.1 9.2-15.5 19.2-23 30.6-3.8 5.8-8.2 11.5-11.1 17.8-6.4 13.5 0 5.5 1.1 13.4 1 7.7-0.9 14.5 2.1 22.6 3.4 8.9 11.8 14.5 14.5 23.4 2.5 8 0.6 18-7.6 20.7-4.6 1.5-9.6-2-14.2-1.2-6.4 1-13.7 5.8-18.7 9.6-7 5.4-9.7 14.1-17.1 19.1-6.3 4.2-10.7 1.7-17.4 3.7-7 2.1-11.3 10.7-16.9 13.4-8.5 4-13.2-1.8-22.2-0.6-7.6 1-19.2 9.4-26.3 12.6-14.4 6.5-23.2 13.6-29 28.2-4.9 12.6-12.1 18.4-20.6 28.9-8.6 10.6-11.3 19.6-24.5 22.4-1.6 0.3 3.2-11.1 3.7-12 4.7-8.8 11.8-16.8 17.6-24.9 8.4-12 4.8-14.3-3.7-2.6-9.8 13.3-21.1 26.5-29.6 40.6-3.2 5.3-2.6 8.8-7.9 13.8-5.1 4.9-11.8 7.3-17 11.9-18.5 16.7-21.9 38.9-19.8 62.7 0.7 7.7 3.5 13.9 2.2 21.4-1 6.2-4.7 11.3-9.2 15.8-1.5 2.3-5.1 8.1-5.4 8.5-4.2 7-7.5 13.8-14.2 19.6-3.8 3.3-13.8 11-23.1 17.5 41.9 52.3 96.8 93.8 159.8 119.5 0.5-3.2 1.9-6.3 3.9-9.3 5.2-7.7 10.1-7.1 20.2-9.2-1.1-11.7-14.8-11.8-24.1-10.6-11.1 1.5-22.7 5.2-32.3-4.5 5.3-3.2 19.8-15.6 17.9-2.6 10.6 0.5 20.9 0.8 31.2-0.4 4.2-0.5 18.1-5.2 21.9-3.1 1.6 0.9 3.3 8.7 5 11.1-3 0-6.1 1.5-9.1 1.2 6.9 8.8 13.7 1.9 22.5-2.2-9.6-5.9-3.9-19.9 5.5-8.5 7.7 9.3-1.9 16.2-11.7 21.6 9.9 12.4 16 13.5 25.3-0.5 1.5 8.6 8.5 5.2 15.8 4.5v2.2c-3.2-0.1-6.6 1.8-9.8 1.4 7.4 11.8 2.7 14.5 13.3 18.4 8.4 3.1 32.5 0.2 35.5 8.1-16.8-3.3-37.2-4.1-52.4-11.7-6.5-3.3-14.4-13.7-20.9-6.9-6.7 6.9 4.8 18.1 10.7 21.5h-1.4c26.7 5.7 54.3 8.7 82.6 8.7 18.3 0 36.3-1.4 53.9-3.8-6.1-3.2-1.6-5.4-6-8.6-8.5-6.3-23.6-11.5-33.7-15.4 12.9 0 44-12.1 50 6-4.2 0.6-8.3 1.3-12.4 1.9 7.7 5.1 16.4 9.3 25.5 12.4 81.9-16.2 154.6-57.7 210-116 0.1-0.8-0.3-0.8-0.7-0.8z m72.5-157.2c0.7 1.6 2.5 2.1 3.2 3.4 1.5 2.7 1.2 4.6 3 6.9 2 2.5 4.6 3.1 6.8 5.1 0.9 0.8 1.4 1.5 1.8 2.3 6.6-18.4 11.9-37.5 15.7-57.1-0.1-0.1-0.2-0.3-0.3-0.5-1-0.8-7.2-1.7-8.5-1.7-4.5-0.2-7.9 2.8-11.2 5.7-3.3 2.9-7.2 6.7-9.6 10.5-2.5 4-1 8.1-0.8 12.6 0.1 3.9-1.8 9.4-0.1 12.8z m5.1-205.3c-7.7 6.7-16.8 15.6-22.2 24.3-5.8 9.2-2.2 18.7-1.8 29.3 0.4 8.9-4 21.5-0.2 29.5 1.7 3.6 5.7 4.8 7.3 7.9 3.5 6.3 2.7 10.6 7 16.1 4.6 5.9 10.7 7.3 15.8 11.9 5.3 4.8 5.2 8.6 8.6 14.8 2.5 4.5 8.3 12 13.8 15.9 3-19.6 4.5-39.6 4.5-60 0-35.3-4.7-69.5-13.4-102.1-7.4 1.9-13.5 7.2-19.4 12.4z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zuzhijigou" unicode="&#58990;" d="M588.25 709.25v-118h-153.5v118h153.5m24 64h-201.5c-22.09 0-40-17.91-40-40v-166c0-22.09 17.91-40 40-40h201.5c22.09 0 40 17.91 40 40v166c0 22.09-17.91 40-40 40zM279.5 176.75v-118h-118v118h118m24 64h-166c-22.09 0-40-17.91-40-40v-166c0-22.09 17.91-40 40-40h166c22.09 0 40 17.91 40 40v166c0 22.09-17.91 40-40 40zM571 176.75v-118H453v118h118m24 64H429c-22.09 0-40-17.91-40-40v-166c0-22.09 17.91-40 40-40h166c22.09 0 40 17.91 40 40v166c0 22.09-17.91 40-40 40zM862.5 176.75v-118h-118v118h118m24 64h-166c-22.09 0-40-17.91-40-40v-166c0-22.09 17.91-40 40-40h166c22.09 0 40 17.91 40 40v166c0 22.09-17.91 40-40 40zM543.5 529.05h-64v-101.3h-228c-34.79 0-63-28.21-63-63v-153h64v132c0 11.05 8.95 20 20 20h207v-152h64v152h208c11.05 0 20-8.95 20-20v-132h64v153c0 34.79-28.21 63-63 63h-229v101.3z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="anniu" unicode="&#59589;" d="M970.105263-57.936842H53.894737v269.473684h916.210526v-269.473684z m-862.315789 53.894737h808.421052v161.68421H107.789474v-161.68421zM970.105263 152.252632H53.894737V664.252632c0 75.452632 53.894737 134.736842 118.568421 134.736842h679.073684C916.210526 798.989474 970.105263 739.705263 970.105263 664.252632v-512z m-862.315789 53.894736h808.421052V664.252632c0 43.115789-26.947368 80.842105-64.673684 80.842105H172.463158c-37.726316 0-64.673684-32.336842-64.673684-80.842105v-458.105264zM646.736842 330.105263h53.894737v269.473684h-53.894737v-269.473684z m161.684211 269.473684v-269.473684h53.894736v269.473684h-53.894736z m-377.263158-53.894736h53.894737v-215.578948h53.894736v215.578948h53.894737v53.894736H431.157895v-53.894736z m-269.473684-215.578948h215.578947v269.473684H161.684211v-269.473684z m53.894736 215.578948h107.789474v-53.894737H215.578947v53.894737z m0-107.789474h107.789474v-53.894737H215.578947v53.894737zM706.021053 599.578947H646.736842v-5.389473l161.684211-264.084211h53.894736v16.168421z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="caidan2" unicode="&#58907;" d="M382.2 730.3H217.4c-47.5 0-86.2-38.7-86.2-86.2v-164.8c0-47.5 38.7-86.2 86.2-86.2h164.8c47.5 0 86.2 38.7 86.2 86.2V644.1c0.1 47.6-38.6 86.2-86.2 86.2z m-9.9-241.1h-145v145h145v-145zM382.2 338.4H217.4c-47.5 0-86.2-38.7-86.2-86.2v-164.8c0-47.5 38.7-86.2 86.2-86.2h164.8c47.5 0 86.2 38.7 86.2 86.2V252.2c0.1 47.5-38.6 86.2-86.2 86.2z m-9.9-241.1h-145v145h145v-145zM871.6 622.7L755.1 739.2c-16.3 16.3-37.9 25.3-61 25.3-23 0-44.7-9-61-25.3L516.6 622.7c-33.6-33.6-33.6-88.3 0-121.9l116.6-116.5c16.3-16.3 37.9-25.3 61-25.3 23 0 44.7 9 61 25.3l116.6 116.6c33.4 33.4 33.4 88.1-0.2 121.8zM694.1 459.2L591.6 561.7l102.5 102.5 102.5-102.5-102.5-102.5zM776.5 338.4H611.7c-47.5 0-86.2-38.7-86.2-86.2v-164.8c0-47.5 38.7-86.2 86.2-86.2h164.8c47.5 0 86.2 38.7 86.2 86.2V252.2c0 47.5-38.7 86.2-86.2 86.2z m-9.9-241.1h-145v145h145v-145z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="wenhao" unicode="&#59007;" d="M510.827 819.958c247.096-0.028 448.767-201.816 448.28-448.542-0.49-247.641-201.839-448.844-448.57-448.241-247.462 0.604-447.696 200.956-448.024 448.289-0.328 246.882 201.23 448.521 448.315 448.494zM916.775 371.635c-0.036 223.591-181.117 405.318-405.726 405.779-223.891 0.458-405.925-181.253-406.159-405.791-0.233-223.613 181.449-405.166 405.673-405.804 223.336-0.636 406.247 182.097 406.212 405.817zM535.795 226.7c-19.143 0-37.775 0-56.939 0 0 11.373-0.608 22.537 0.128 33.613 1.485 22.364 6.658 43.815 18.344 63.301 9.094 15.164 20.675 28.25 33.541 40.276 15.979 14.935 32.148 29.678 47.81 44.94 9.222 8.986 17.419 19.009 21.68 31.483 10.207 29.884 3.682 56.569-16.199 80.337-33.016 39.47-88.236 40.822-122.051 21.067-21.313-12.451-34.092-31.502-41.552-54.414-3.344-10.272-5.654-20.881-8.651-32.155-19.652 2.333-39.767 4.722-60.636 7.199 0.779 5.206 1.336 10.1 2.263 14.924 5.196 27.06 14.589 52.297 32.254 73.943 21.519 26.37 49.555 41.723 82.58 48.062 34.471 6.616 68.92 5.901 102.442-4.987 42.921-13.939 74.68-41.177 89.113-84.564 13.857-41.655 7.049-81.004-20.227-116.155-17.302-22.299-38.82-40.415-59.042-59.832-8.896-8.542-17.896-17.136-25.623-26.696-11.477-14.198-15.858-31.37-17.242-49.325-0.782-10.137-1.313-20.294-1.992-31.014zM475.158 106.26c0 22.494 0 44.772 0 67.411 22.538 0 44.811 0 67.458 0 0-22.426 0-44.709 0-67.411-22.407 0-44.809 0-67.458 0z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="lajitong" unicode="&#58934;" d="M337.984 102.976c-16.064 0-28.992 12.608-28.992 28.096L308.992 440.192c0 15.552 12.992 28.096 28.992 28.096 16.064 0 28.992-12.608 28.992-28.096l0-309.056C366.976 115.584 353.984 102.976 337.984 102.976L337.984 102.976zM512 102.976c-16.064 0-28.992 12.608-28.992 28.096L483.008 440.192c0 15.552 12.992 28.096 28.992 28.096 16.064 0 28.992-12.608 28.992-28.096l0-309.056C540.992 115.584 528.064 102.976 512 102.976L512 102.976zM686.016 102.976c-16.064 0-28.992 12.608-28.992 28.096L657.024 440.192c0 15.552 12.992 28.096 28.992 28.096 16.064 0 28.992-12.608 28.992-28.096l0-309.056C715.072 115.584 702.08 102.976 686.016 102.976L686.016 102.976zM918.08 608.832l0-28.096-58.048 0 0-533.952c0-61.952-52.032-112.384-116.032-112.384L279.936-65.6c-64 0-116.032 50.432-116.032 112.384L163.904 580.736 105.92 580.736 105.92 608.832 76.864 608.832 76.864 636.928c0 61.952 52.032 112.384 116.032 112.384l120.128 0C326.016 797.696 371.072 833.6 424.96 833.6L599.04 833.6c53.888 0 98.944-35.904 111.936-84.288l120.128 0c64 0 116.032-50.432 116.032-112.384l0-28.096L918.08 608.832 918.08 608.832zM279.936-9.408l464.128 0c32 0 57.984 25.216 57.984 56.192L802.048 580.736 221.952 580.736l-4.032-533.952C217.92 15.808 248-9.408 279.936-9.408L279.936-9.408zM599.04 777.408 424.96 777.408c-21.376 0-39.872-11.392-49.92-28.096l273.92 0C638.912 766.016 620.416 777.408 599.04 777.408L599.04 777.408zM831.104 693.12 192.896 693.12c-32 0-57.984-25.216-57.984-56.192l69.12 0 145.024 0 325.888 0 145.024 0 69.12 0C889.088 667.904 863.04 693.12 831.104 693.12L831.104 693.12z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zhongzhimima" unicode="&#58912;" d="M636.172598 448.069989c37.402156 0 67.701422-33.050836 67.701422-73.844462l0-172.261084c0-40.761631-30.299266-73.812467-67.701422-73.812467l-248.217216 0c-37.370161 0-67.701422 33.050836-67.701422 73.812467l0 172.261084c0 40.761631 30.299266 73.844462 67.701422 73.844462L448.009998 448.069989l0 0 127.980003 0 0 0L636.172598 448.069989zM511.520075 383.760037c-35.322481 0-63.990002-27.387721-63.990002-61.206436 0-22.588471 17.53326-39.865771 36.602281-50.488111l0-79.539572 54.807436 0 0 79.539572c19.06902 10.62234 36.602281 27.899641 36.602281 50.488111C575.510077 356.372317 546.842556 383.760037 511.520075 383.760037zM512 575.890017c-60.150601 0-63.830027-50.584096-63.990002-63.990002l0-63.798032-64.405937 0 0 57.622996c0 0 0.031995 134.379003 128.139978 134.379003 128.139978 0 128.139978-134.379003 128.139978-134.379003l0-57.622996L575.990002 448.101984l0 63.798032C575.862022 525.081956 572.150601 575.890017 512 575.890017zM512-128c-282.739822 0-511.920012 229.180191-511.920012 511.920012s229.180191 511.920012 511.920012 511.920012c91.121762 0 176.612404-23.964256 250.712826-65.717732l47.608561 65.877707L895.556069 671.93901l-223.453085 32.794876 52.759756 73.012592C661.512639 812.077113 589.107952 831.818028 512 831.818028c-247.385346 0-447.930011-200.544665-447.930011-447.930011s200.544665-447.930011 447.930011-447.930011 447.930011 200.544665 447.930011 447.930011c0 60.406561-12.126105 117.933573-33.786721 170.533354l59.158756 24.348196C1010.066177 518.682956 1023.920012 452.933229 1023.920012 383.888017 1023.920012 101.180191 794.739822-128 512-128z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shezhi" unicode="&#59023;" d="M545.784454-66.539206l-65.943898 0c-29.341259 0-54.624085 25.281803-54.624085 54.615898L425.216471 27.537426c0 9.623171-7.826246 20.911262-16.690124 23.680329l-1.566682 0.611937-55.725162 23.104207-0.880043 0.494257c-8.153704 4.41045-22.017456 2.376117-28.55229-4.187369l-28.17469-28.123524c-9.930163-9.977235-23.239284-15.494902-37.432541-15.494902-14.195304 0-27.507494 5.517667-37.487799 15.541975l-46.682205 46.630017c-20.60427 20.603247-20.6319 54.233182-0.069585 74.974575l28.15013 28.106128c6.637164 6.574742 8.676613 20.599154 4.253884 28.909423l-0.831948 1.768273-23.164582 56.128345-0.26913 0.682545c-2.803859 9.03477-14.279215 17.394159-23.611767 17.394159l-39.631626 0c-29.391401 0-52.861952 24.065092-52.861952 53.193503l0 65.943898c0 28.770254 22.998807 51.754734 52.919257 51.754734l39.575344 0c9.081843 0 20.803815 8.830109 23.666002 18.057261l0.567935 1.476631 23.163559 57.088206 0.505513 0.913812c4.40431 8.220219 2.319835 22.224164-4.2897 28.830629l-28.04166 28.087709c-9.964956 9.921977-15.486716 23.216771-15.502066 37.396725-0.01535 14.201443 5.492084 27.53717 15.507182 37.552268l46.6556 46.614667c9.94142 9.985422 23.248494 15.503089 37.432541 15.503089 0.001023 0 0 0 0.001023 0 14.184047 0 27.490098-5.51869 37.46938-15.540951l28.039613-28.05087c6.557346-6.525624 20.500916-8.596795 28.655643-4.231371l0.893346 0.478907 57.375755 23.64963c8.836249 2.731204 16.634866 14.037714 16.634866 23.719214l0 39.632649c0 28.967752 24.777313 52.095495 54.624085 52.095495L545.784454 831.923636c29.161157 0 52.370765-22.636556 52.370765-52.095495l0-39.632649c0-9.127891 8.709359-20.85498 17.767666-23.674189l1.51654-0.577145 56.639998-23.113417 0.923022-0.509606c8.202822-4.424776 22.184255-2.353604 28.788673 4.254907l28.163433 27.912723c9.895371 9.94142 23.179932 15.33936 37.352723 15.33936 0.019443 0 0.040932 0 0.060375 0 14.18814 0 27.508517-5.375427 37.516452-15.384385l46.709835-46.554292c10.004865-9.960863 15.524578-23.254633 15.524578-37.47552 0-14.18814-5.498224-27.506471-15.479553-37.532825l-28.16855-28.152177c-6.580882-6.610558-8.640798-20.771069-4.204765-29.107945l0.478907-0.896416 23.654746-57.956993c2.902096-9.255805 14.635325-18.114566 23.686469-18.114566l39.132252 0 0 0.573051c27.629267 0 52.188616-22.984481 52.188616-52.327786l0-65.998133c0-29.590945-22.985504-53.138244-51.746548-53.138244l-39.630602 0c-9.337669 0-20.84884-8.372691-23.686469-17.423835l-0.580215-1.51654-23.086811-56.240909-0.468674-0.860601c-4.419659-8.30413-2.393513-22.320355 4.169973-28.855188l28.135804-28.02017c10.031471-10.029424 15.539928-23.350824 15.537881-37.541011-0.004093-14.186094-5.514597-27.505447-15.518438-37.505195l-46.747697-46.682205c-9.920954-9.964956-23.219841-15.506159-37.406958-15.506159-0.019443 0-0.040932 0-0.060375 0-14.192234 0-27.514657 5.514597-37.518498 15.517415l-28.039613 28.095895c-6.490831 6.490831-20.807908 8.575306-28.887934 4.206812l-0.951675-0.514723-57.93755-23.680329c-9.087982-2.859118-17.823947-14.594393-17.823947-23.691585l0-39.460734C598.155219-41.76394 574.45954-66.539206 545.784454-66.539206zM421.86719 89.107713c25.192775-8.370645 44.282552-34.650171 44.282552-61.570287l0-39.460734c0-7.114025 6.569626-13.68365 13.691837-13.68365L545.784454-25.606958c6.496971 0 12.461823 6.043646 12.461823 13.68365L558.246277 27.537426c0 26.273387 19.516496 53.131081 44.901653 61.58052l53.859675 22.062482c23.62814 12.116969 56.342216 7.098675 75.118861-11.6749l28.009937-28.1532c2.432399-2.430352 5.678326-3.837398 9.179057-3.837398 0.00614 0 0.011256 0 0.01535 0 3.482311 0 6.726192 1.39886 9.135054 3.820002l46.780443 46.738487c2.436492 2.436492 3.783163 5.724375 3.78521 9.224082 0 3.495614-1.344624 6.774287-3.787256 9.216919l-28.106128 27.998681c-18.693758 18.609847-23.762193 51.349505-11.773138 75.036997l22.083971 53.603849c8.374738 25.167193 35.224246 44.51382 61.578474 44.51382l39.630602 0c7.745405 0 10.8143 7.086395 10.8143 13.229303l0 65.998133c0 6.862291-5.116531 12.07399-11.256368 12.302187l0-1.479701-39.132252 0c-26.236548 0-53.099359 20.149922-61.585637 45.735647l-22.083971 54.261834c-11.960403 23.654746-6.913457 56.502875 11.728112 75.228355l28.16855 28.192086c2.430352 2.441609 3.78828 5.764284 3.78828 9.295714 0 3.498684-1.334391 6.762007-3.759627 9.17394l-46.741557 46.577828c-2.462075 2.462075-5.736655 3.734044-9.234315 3.734044-0.004093 0-0.010233 0-0.013303 0-3.465938 0-6.700609-1.255597-9.105379-3.671623l-28.198226-28.037567c-18.703991-18.710131-51.417043-23.734564-75.000158-11.69025l-53.865815 22.072715c-25.403576 8.388041-44.934398 35.255968-44.934398 61.60508l0 39.632649c0 7.253194-5.517667 12.186554-12.461823 12.186554l-65.943898 0c-7.517207 0-13.691837-5.51869-13.691837-12.186554l0-39.632649c0-27.027563-19.107173-53.336766-44.325531-61.643965l-53.501518-21.99699c-23.834848-12.168134-55.857169-7.234775-74.878384 11.69639l-28.130687 28.115338c-2.441609 2.451842-5.690606 3.787256-9.152451 3.787256-3.462868 0.001023-6.704702-1.334391-9.117658-3.758604l-46.690392-46.64639c-2.438539-2.438539-3.784186-5.710049-3.781116-9.207709 0.004093-3.474125 1.339508-6.716982 3.762697-9.128915l28.068266-28.121478c18.698874-18.690688 23.782659-51.389414 11.808954-74.973552l-22.124903-54.813397c-8.413624-25.616424-35.281551-45.783743-61.603033-45.783743l-39.575344 0c-6.630001 0-13.010315-3.411703-13.010315-10.822486l0-65.943898c0-6.942109 5.753027-13.284561 12.95301-13.284561l39.631626 0c26.380834 0 53.195549-19.35072 61.524239-44.537356l22.182208-53.629431c12.027941-23.731494 6.918573-56.449663-11.863189-75.05644l-28.022217-27.949562c-5.021364-5.066389-5.048993-13.348006 0.010233-18.409279l46.713928-46.653553c2.452865-2.464121 5.695722-3.794419 9.168824-3.794419 3.472078 0 6.711865 1.336438 9.124821 3.759627l28.181853 28.122501c18.641569 18.730597 51.440579 23.752983 75.011414 11.642155L421.86719 89.107713zM513.734504 164.119127c-120.639614 0-218.786958 98.147344-218.786958 218.786958s98.147344 218.786958 218.786958 218.786958 218.786958-98.147344 218.786958-218.786958S634.375142 164.119127 513.734504 164.119127zM513.734504 561.675632c-98.573039 0-178.769546-80.195483-178.769546-178.769546s80.195483-178.769546 178.769546-178.769546 178.769546 80.195483 178.769546 178.769546S612.308567 561.675632 513.734504 561.675632z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zhongzhuan" unicode="&#59035;" d="M659.750065 550.494988l208.611202 0-136.581702-81.603553c-9.486048-5.66707-12.580526-17.950837-6.91448-27.436886 3.747347-6.27082 10.384511-9.749038 17.195637-9.749038 3.491521 0 7.028067 0.914836 10.242272 2.835581l198.816115 118.786407c6.045693 3.611248 9.745968 10.134825 9.745968 17.175171 0 7.040347-3.700275 13.563924-9.745968 17.175171l-198.816115 118.785384c-9.490142 5.669116-21.769816 2.572592-27.437909-6.913457-5.666046-9.486048-2.571568-21.769816 6.91448-27.436886l136.581702-81.602529L659.750065 590.510354c-114.183576 0-207.078289-92.895737-207.078289-207.080336 0-92.119047-74.944899-167.063947-167.063947-167.063947L84.531232 216.366072c-11.04966 0-20.007683-8.958022-20.007683-20.007683s8.958022-20.007683 20.007683-20.007683l201.076598 0c114.184599 0 207.079312 92.894713 207.079312 207.079312C492.687142 475.550089 567.631018 550.494988 659.750065 550.494988zM84.531232 550.494988l201.076598 0c39.496549 0 77.818343-14.034645 107.906615-39.520085 3.76065-3.183506 8.352225-4.739954 12.922311-4.739954 5.678326 0 11.319813 2.403746 15.276938 7.076162 7.141654 8.432043 6.094812 21.056572-2.336208 28.199249-37.306674 31.597649-84.813664 48.999994-133.769656 48.999994L84.531232 590.510354c-11.04966 0-20.007683-8.958022-20.007683-20.007683C64.523549 559.451988 73.481571 550.494988 84.531232 550.494988zM951.119109 213.532537 752.302995 332.322014c-9.490142 5.666046-21.769816 2.571568-27.437909-6.91448-5.666046-9.486048-2.571568-21.769816 6.91448-27.437909l136.581702-81.603553L659.750065 216.366072c-40.956807 0-80.354096 14.966876-110.932532 42.144866-8.256034 7.339152-20.903076 6.596232-28.246321-1.662873-7.340175-8.259104-6.596232-20.906146 1.663896-28.247344 37.910425-33.694403 86.74669-52.250014 137.514957-52.250014l208.610178 0-136.580678-81.601506c-9.486048-5.668093-12.580526-17.951861-6.91448-27.437909 3.747347-6.269797 10.384511-9.750061 17.195637-9.750061 3.491521 0 7.028067 0.914836 10.242272 2.835581l198.816115 118.785384c6.045693 3.612271 9.745968 10.134825 9.745968 17.176195C960.865077 203.399759 957.163779 209.922313 951.119109 213.532537z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="add" unicode="&#59065;" d="M895.531061 410.211464 535.640488 410.211464 535.640488 770.102037c0 13.5716-11.001648 24.573248-24.573248 24.573248s-24.573248-11.001648-24.573248-24.573248l0-359.890572L126.604444 410.211464c-13.5716 0-24.573248-11.001648-24.573248-24.573248s11.001648-24.573248 24.573248-24.573248l359.889548 0 0-359.890572c0-13.5716 11.001648-24.573248 24.573248-24.573248s24.573248 11.001648 24.573248 24.573248L535.640488 361.065993l359.890572 0c13.5716 0 24.573248 11.001648 24.573248 24.573248S909.102661 410.211464 895.531061 410.211464z"  horiz-adv-x="1025" />
+
+    
+    <glyph glyph-name="minus" unicode="&#59066;" d="M895.531061 361.065993 126.604444 361.065993c-13.5716 0-24.573248 11.001648-24.573248 24.573248s11.001648 24.573248 24.573248 24.573248l768.926616 0c13.5716 0 24.573248-11.001648 24.573248-24.573248S909.102661 361.065993 895.531061 361.065993z"  horiz-adv-x="1025" />
+
+    
+    <glyph glyph-name="password" unicode="&#58914;" d="M775.830091 507.556654h-70.590665c0 113.381009-86.656855 200.039821-197.104821 200.039822-110.602543 0-197.106778-86.658812-197.106778-200.039822h-70.743285c0 136.090083 120.023893 270.632443 267.697443 270.632443S775.837918 643.644781 775.837918 507.556654h-0.007827z m89.595769-129.296536c0 38.925928-31.668651 70.588708-70.592622 70.588708H229.162849c-38.929841 0-70.592622-31.662781-70.592622-70.588708v-321.91472c0-38.927884 31.666694-70.590665 70.592622-70.590665h565.513856c38.927884 0 70.590665 31.666694 70.590665 70.590665V378.260118h0.15849z m-297.511174-232.810075c0-29.193467-23.638491-52.980665-52.980664-52.980665h-7.568387c-29.197381 0-52.982621 23.636534-52.982621 52.980665v143.656513c0 29.195424 23.636534 52.982621 52.982621 52.982621h7.568387c29.193467 0 52.980665-23.636534 52.980664-52.982621v-143.656513z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yonghu" unicode="&#58884;" d="M602.080-64.576h-178.592c-169.408 0-303.2 0-303.2 87.872v17.568c0 164.672 136.032 298.624 303.2 298.624h178.592c167.168 0 303.2-133.952 303.2-298.624v-17.568c-0.032-87.872-140.544-87.872-303.2-87.872zM423.456 286.816c-138.112 0-250.496-110.304-250.496-245.92v-17.568c0-35.168 144.768-35.168 250.496-35.168h178.592c87.52 0 250.496 0 250.496 35.168v17.568c0 135.616-112.384 245.92-250.496 245.92h-178.592zM503.84 357.12c-132.736 0-240.672 106.4-240.672 237.184s107.936 237.152 240.672 237.152 240.672-106.368 240.672-237.152-107.968-237.184-240.672-237.184zM315.872 594.304c0-101.696 84.32-184.48 187.968-184.48s187.968 82.752 187.968 184.48-84.32 184.448-187.968 184.448-187.968-82.752-187.968-184.448z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="quanxian" unicode="&#58931;" d="M511.779622 896L110.521826 769.771814A35.821512 35.821512 0 0 1 85.333049 735.48551l2.046943-496.270092 0.454877-5.685954c0.739174-3.411573 17.228442-86.426505 99.276762-166.371023 63.114093-61.635745 217.885769-142.205717 283.899698-176.548881 10.348437-5.458516 18.195054-9.438684 22.573239-11.883645l7.50546-4.093887c5.117359-2.729258 11.315049-2.842977 16.489267-0.227438l10.973892 5.572235c38.664489 18.763649 234.943632 115.879749 307.894426 187.067897 82.16204 80.058237 98.594448 163.01631 99.276762 166.484742L938.226195 735.48551a35.821512 35.821512 0 0 1-25.188778 34.343164L511.779622 896z m334.845849-643.650027c-2.842977-11.428768-19.332245-67.605997-75.168316-122.077439-54.016566-52.708796-200.31617-128.10455-253.536703-154.544238a16.489267 16.489267 0 0 0-15.124638 0.113719H502.682095c-54.244004 28.202333-198.098648 103.086352-250.636866 154.373659-56.00665 54.585161-72.382198 110.70553-75.282035 122.077439l-1.705786 430.313022c0 6.425128 4.150747 12.167942 10.348437 14.101167l316.139059 99.5042a33.717709 33.717709 0 0 0 20.298857 0l316.139059-99.5042a14.783481 14.783481 0 0 0 10.462156-14.101167l-1.819505-430.369881-0.05686 0.056859zM517.863593 656.621324a148.630846 148.630846 0 0 0 104.621559-42.417219c27.633738-27.008283 43.213253-63.910126 43.099534-102.347178a142.376296 142.376296 0 0 0-43.724989-102.176599 147.834812 147.834812 0 0 0-67.890294-37.129281l-0.398017-60.725992 61.294587-0.170579a36.788124 36.788124 0 0 0 26.041671-10.462156c6.936864-6.823145 10.803313-16.034391 10.803313-25.700513a36.958703 36.958703 0 0 0-37.072422-36.10581l-61.237728 0.113719-0.227438-100.925689a36.958703 36.958703 0 0 0-37.072422-34.456883 36.958703 36.958703 0 0 0-37.072422 34.456883l0.909753 234.090739a143.854644 143.854644 0 0 0-105.81561 101.209986 142.205717 142.205717 0 0 0 38.664489 140.67051 149.142581 149.142581 0 0 0 105.019576 42.076062h0.05686z m84.152124-143.286049a78.40931 78.40931 0 0 1-23.994728 56.859543 83.810966 83.810966 0 0 1-116.334625 0.227439 79.091624 79.091624 0 0 1-0.284297-113.377929c15.408936-15.181498 36.219529-23.710429 57.996734-23.539851 44.179865-0.170579 82.446337 37.129282 82.560056 80.001377v-0.113719z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jiaose1" unicode="&#58956;" d="M972.888 56.736c-0.003 139.786-80.267 259.269-193.774 307.996 54.974 39.618 91.202 107.115 91.202 183.765 0 104.65-67.5 192.23-158.103 215.007-0.84 0.22-1.629 0.103-2.396-0.218-1.032 0.104-2.03 0.343-3.078 0.343-19.357 0-35.047-16.93-35.047-37.805 0-18.856 12.837-34.352 29.577-37.204 2.98-1.31 6.887-2.308 7.04-2.367 52.47-19.206 90.23-72.708 90.23-135.79 0-70.341-46.976-128.792-108.93-141.026-0.088-0.008-0.161-0.18-0.248-0.227-20.61-1.405-36.983-19.697-36.983-42.276 0-22.919 16.85-41.482 37.902-42.387 0.148-0.076 0.274-0.324 0.424-0.334 124.602-13.688 212.926-128.16 212.926-267.485 0-20.62 15.508-37.344 34.634-37.344 18.658 0 33.76 15.956 34.488 35.888 0.024 0.194 0.139 0.35 0.139 0.542 0 0.07-0.022 0.14-0.022 0.223 0.01 0.233 0.022 0.458 0.022 0.686v0.013h-0.003M557.914 358.534c65.646 47.436 108.888 128.095 108.888 219.718 0 145.993-109.742 264.355-245.123 264.355-135.376 0-245.125-118.362-245.125-264.355 0-91.63 43.25-172.282 108.887-219.718C149.74 300.13 53.793 157.204 53.793-9.982c0-9.416 0.496-18.681 1.163-27.901h0.062c0-20.35 15.293-36.831 34.165-36.831 18.861 0 34.158 16.48 34.158 36.83 0 1.148-0.216 2.228-0.315 3.352-0.657 8.111-1.223 16.236-1.223 24.55 0 178.61 134.253 323.388 299.873 323.388s299.877-144.779 299.877-323.388c0-8.618-0.565-17.096-1.27-25.5-0.002-0.439-0.118-0.837-0.118-1.278 0-0.138 0.04-0.264 0.04-0.393-0.022-0.24-0.014-0.494-0.04-0.73h0.113c0.565-19.804 15.549-35.716 34.048-35.716 18.508 0 33.49 15.902 34.057 35.717h0.074c0.641 9.224 1.1 18.495 1.1 27.887 0.006 167.199-95.935 310.125-231.643 368.529M421.679 388.36c-97.245 0-176.076 85.019-176.076 189.892 0 104.868 78.831 189.886 176.076 189.886 97.246 0 176.075-85.017 176.075-189.886 0-104.873-78.829-189.892-176.075-189.892m0 0z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zidian" unicode="&#59158;" d="M349.296361 548.800393h328.588737c14.139022 0 25.600051 11.462053 25.600051 25.600051 0 14.137998-11.461029 25.600051-25.600051 25.600052H349.296361c-14.137998 0-25.600051-11.462053-25.600051-25.600052 0-14.139022 11.462053-25.600051 25.600051-25.600051zM349.296361 385.600451h328.588737c14.139022 0 25.600051 11.461029 25.600051 25.600051 0 14.137998-11.461029 25.600051-25.600051 25.600051H349.296361c-14.137998 0-25.600051-11.462053-25.600051-25.600051 0-14.139022 11.462053-25.600051 25.600051-25.600051zM894.998951 140.800026v51.200102h-0.001024V764.799866c0 44.277436-36.310997 80.000032-80.896448 80.000032H205.846228c-44.584428 0-80.896448-35.722596-80.896448-80.000032v-707.199751c0-74.321706 61.067844-134.400013 136.191822-134.400013h633.587196v0.00307c0.090051 0 0.179079-0.00307 0.269129-0.00307v51.200103c-47.032176 0-84.99172 37.344536-84.991719 83.19991 0.001023 45.855374 37.960567 83.19991 84.992743 83.199911zM205.846228 793.599795h608.256275c16.493649 0 29.696346-12.988826 29.696345-28.799929v-572.799738H261.141602c-32.129768 0-61.681828-10.996448-84.99172-29.389354V764.799866c0 15.812127 13.202697 28.79993 29.696346 28.799929z m-29.696346-735.99968c0 45.855374 37.959543 83.19991 84.99172 83.199911h526.891152c-18.296715-22.871917-29.225625-51.760874-29.225625-83.199911s10.929934-60.327994 29.225625-83.19991H261.141602c-47.032176 0-84.99172 37.344536-84.99172 83.19991z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="cssz" unicode="&#58994;" d="M620.66357422-65.05781249999995c-34.60078125 0-63.54580078 20.57167969-79.51552735 56.50400391-7.20878906 16.19121094-15.24902344 21.34863281-20.68330078 23.78847656-9.53789062 4.38046875-16.5796875 3.16054687-25.72910156-3.82587891-7.37490234-5.60039063-12.30996094-11.81074219-15.02666016-18.96416015-16.35820312-42.14267578-59.66455078-64.10039063-104.52392578-55.5609375-42.80800781 8.04023438-76.90957031 23.01152344-104.3024414 45.69082031-19.74023438 16.41357422-31.05175781 35.04462891-34.60078125 57.05859375-3.04980469 19.01953125 1.71914063 35.1 6.26572265 46.96611328 3.71513672 9.81474609 6.54345703 17.91035156 6.21035157 25.39599609-0.38847656 7.31953125-5.878125 13.80673828-12.58681641 14.6944336-12.91992188 1.71914063-26.3390625-1.27529297-39.59121094-4.32509766-37.20673828-8.48408203-70.25537109 3.71513672-92.76855468 33.76933594-23.78759766 31.66171875-37.26210938 67.48242188-39.97968751 106.46367187-3.04980469 42.75263672 15.63662109 75.02431641 52.62275391 90.7163086 13.19677734 5.60039063 22.23544922 13.69599609 27.55898438 24.67529297 4.71357422 9.70400391 1.940625 14.30595703-1.0538086 17.79960937-10.42470703 12.53144531-15.47050781 15.58125-17.578125 16.35820313C72.70419922 430.72353516 55.73603516 485.61914063 66.10537109 530.14541016c6.48808594 28.05820313 16.41357422 60.49599609 40.42353516 88.22109375 23.89921875 27.50361328 53.28808594 37.48447266 85.22753906 28.33505859l5.98886719-1.71914062c9.87011719-2.88369141 18.35419922-5.32353516 25.89521484-5.32353516 26.3390625 1.66376953 27.33662109 16.30195313 27.78046875 22.56855469l0.66533203 10.6461914c0.27685547 2.27373047-0.38847656 18.90878906-2.38447265 26.89365235-8.59482422 34.1015625 2.66132813 65.98564453 31.77333984 89.6633789 28.83427734 23.51074219 63.93427734 37.040625 110.51279297 42.58564453 38.26054688 4.60195313 67.81552734-13.30839844 84.33984375-48.57451171 5.43427734-11.42314453 9.759375-18.18808594 14.97128906-23.23388672 13.03066406-12.58681641 39.20361328-5.21191406 47.29921875 11.58925781 4.8796875 10.09160156 11.20078125 20.18408203 18.74179688 30.05419922 18.07646484 23.45537109 44.97011719 34.32392578 75.35742187 29.94345703 28.2796875-4.21435547 64.93271484-12.42070312 96.5390625-38.70439453 18.02109375-14.97128906 35.54384766-32.77089844 41.25498047-60.93984375 4.10361328-20.23945313-1.82988281-37.20673828-6.21035156-49.57294922-2.82832031-8.15097656-3.88125-15.24902344-3.21591797-22.34619141 1.05380859-11.64462891 12.36533203-22.67929687 23.73310547-23.06689453 10.09160156 0.83144531 19.96171875 1.71914063 28.83427734 5.43427735 12.19921875 5.04580078 24.3984375 7.59638672 36.20917969 7.59638671 19.29638672 0 47.07773438-6.70957031 70.08925781-38.75976562 21.51474609-29.99882813 34.04619141-65.54267578 38.42666016-108.62753906 3.82587891-37.48447266-15.52587891-68.64785156-53.01035156-85.39365235-8.04023438-3.60439453-14.30595703-7.98486328-19.46337891-13.5852539-6.65419922-7.09804687-9.31552734-16.41357422-7.54101562-25.72910157 1.71914063-9.14941406 7.59638672-16.69042969 16.02509765-20.73867187 15.24902344-7.15341797 32.54941406-16.96816406 45.63544922-34.93388672 15.41513672-20.96015625 20.73867188-45.91318359 15.80361328-74.02587891-4.32509766-25.17451172-13.25302734-62.27050781-40.47890625-93.37851562-25.72910156-29.38886719-53.73105469-35.59921875-72.69521484-35.59921875-8.04023438 0-16.35820312 1.10917969-24.61992188 3.21591797-13.86298828 3.60439453-28.11357422 7.04179688-42.41953125 4.26972656-6.04423828-1.10917969-13.75136719-9.81474609-14.13984375-16.08046875-0.72070313-10.48007813 0.22148437-18.02109375 2.9944336-24.28681641 18.02109375-40.64501953 4.21435547-87.16816406-33.54697266-113.11875-29.44423828-20.18408203-62.54824219-32.88164062-98.4796875-37.70595703-3.99462891-0.55371094-7.93125-0.77519531-11.75800781-0.77519531zM510.31777344 81.83027344000004c12.25458984 0 24.56455078-2.71669922 36.59677734-8.15097656 23.17851562-10.53544922 40.92275391-29.44423828 52.78886719-56.22626954 8.20634766-18.40957031 17.79960937-18.40957031 20.96015625-18.40957031l3.21591797 0.22148438c26.22832031 3.49365234 49.35058594 12.36533203 70.75458984 27.05976562 9.31552734 6.37646484 17.85498047 19.24101562 11.20078125 34.32392578-9.31552734 21.07089844-9.26015625 41.19960938-8.37333984 54.50800782 2.43984375 35.70996094 31.77333984 68.53623047 66.70634765 74.85820312 25.45136719 4.60283203 50.40439453-0.27685547 69.81152344-5.26816406 9.09404297-2.27373047 16.91191406-5.93349609 33.10400391 12.53144531 12.80917969 14.58369141 20.68330078 33.76933594 25.56298828 62.10439453 2.38447266 13.640625-0.88681641 20.40556641-4.38046875 25.17451172-4.43583984 6.09960938-11.75537109 10.36933594-21.34863281 14.91591797-27.11513672 12.80917969-45.91318359 37.09599609-51.56894532 66.59560547-5.65576172 29.61035156 2.9390625 59.27607422 23.51074219 81.34541015 10.97929687 11.86611328 24.12070313 21.23789062 40.20117188 28.50117188 16.85654297 7.48564453 16.02509766 15.30439453 15.5258789 20.4609375-3.21591797 31.66171875-11.97773437 57.05859375-26.78291015 77.68564453-8.65019531 12.03310547-15.41513672 12.03310547-17.96572266 12.03310547-3.32666016 0-7.26416016-0.88681641-11.58925781-2.71669922-16.52431641-6.87568359-33.71396484-10.36933594-50.90361328-10.36933594-48.79599609 1.77451172-86.16972656 37.53984375-90.16259766 81.51152344-1.44140625 16.30195313 0.72070313 32.43867187 6.65419922 49.23984375 2.16298828 6.26572266 4.43583984 12.6984375 3.82587891 15.63662109-1.71914063 8.37333984-8.15097656 15.02666016-19.40800782 24.3984375-15.35976562 12.75380859-34.76777344 20.07333984-65.04345703 24.56455078-7.59638672 0.44384766-11.20078125-0.66533203-14.97128906-5.54501953-4.93505859-6.43183594-8.92792969-12.75380859-11.92148438-18.90878906-15.96972656-33.159375-50.40439453-54.61875-87.6665039-54.61875-23.4 0-45.41396484 8.81630859-61.99365235 24.84140625-13.86298828 13.47451172-22.06933594 28.77890625-28.33505859 41.97568359-5.821875 12.47607422-11.58925781 12.47607422-15.35976562 12.47607422-37.37373047-4.26972656-61.99365234-13.36376953-81.0131836-28.83427734-12.42070312-10.14697266-11.92148438-17.07890625-10.03623047-24.45380859 2.99443359-12.08847656 4.49121094-37.20673828 4.49121094-37.20673829l0.11074219-1.8852539-1.10917969-18.46494141c-3.27128906-46.57851563-36.81914063-78.79482422-85.55976562-82.01074219l-6.21035157-0.16611328c-16.63505859 0-31.05175781 4.15898438-43.75019531 7.8741211l-5.60039063 1.60839843c-6.37646484 0.72070313-11.03466797 0.83144531-19.29638671-8.65019531-14.80517578-17.07890625-21.459375-39.31435547-26.44980469-60.77373047-3.16054687-13.58525391-0.94306641-36.26455078 18.18808594-43.02949218 19.62949219-6.93105469 34.60078125-22.67929687 45.46933593-35.65458985 20.73867188-24.84140625 24.17607422-56.559375 9.48164063-86.94580078-12.25458984-25.22988281-32.49404297-43.91630859-60.16376953-55.67167969-8.31796875-3.54902344-15.08291016-8.04023438-13.6959961-27.2258789 1.82988281-26.50517578 10.97929687-50.84824219 27.22587891-72.47373047 10.53544922-14.02910156 17.79960937-11.97773437 27.17050781-9.8147461 18.74179688 4.32509766 40.03505859 8.42871094 62.4366211 5.43427735 37.53984375-4.93505859 66.20800781-36.59765625 68.09326172-75.24580078 0.88681641-19.79560547-4.60195313-36.0984375-10.31396485-51.12509766-2.55058594-6.76494141-3.38203125-10.81318359-2.82832031-14.02910156 0.72070313-4.65820313 2.71669922-10.03623047 12.25458984-17.96572266 18.96416016-15.74824219 42.91875-25.89521484 75.24580078-31.99482422 2.60595703-0.49921875 5.21191406-0.72070313 7.81875-0.72070312 18.57568359 0 23.4 12.30996094 24.95302735 16.35820312 6.98642578 18.24345703 19.18564453 34.1015625 36.0984375 46.96611328 16.97080078 12.86367187 35.21425781 19.35175781 54.34453125 19.35175782zM508.65400391 169.10830078000004c-117.22236328 0-212.92910156 96.76054688-213.31757813 215.64667969-0.38847656 119.38447266 93.37851563 214.03828125 213.5390625 215.53505859 119.71757813 0 215.70205078-96.26132812 216.64423828-214.59287109 0.9984375-118.27529297-95.31914063-215.42431641-214.64824218-216.58886719h-2.21748047z m2.9390625 367.08134766c-86.44746094-1.05380859-152.43310547-67.48330078-152.1553711-151.2131836 0.27685547-83.67451172 67.20556641-151.76777344 149.2171875-151.76777343h1.55302735c84.06298828 0.83144531 151.87851563 68.98007813 151.21318359 151.93388671-0.66621094 83.28691406-67.87265625 151.04707031-149.82802734 151.04707032z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="bianji1" unicode="&#58946;" d="M153.6-6.656a32.256 32.256 0 0 0 0 64h716.8a32.256 32.256 0 0 0 0-64zM743.936 744.96l72.192-72.192a51.2 51.2 0 0 0 0-72.192L358.4 144.384a51.2 51.2 0 0 0-36.352-14.848H226.816a25.6 25.6 0 0 0-25.6 25.6v97.792a51.2 51.2 0 0 0 14.848 36.352l455.68 455.68a51.2 51.2 0 0 0 72.192 0z m-478.72-497.152v-54.272h54.272l442.88 442.88L708.096 691.2z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="dfzq-" unicode="&#58889;" d="M456.533333-10.666667H119.466667c12.8 177.066667 123.733333 296.533333 277.333333 296.533334 51.2 0 96-12.8 134.4-36.266667 17.066667-10.666667 38.4-6.4 49.066667 8.533333l2.133333 2.133334c10.666667 17.066667 6.4 38.4-10.666667 49.066666-19.2 12.8-42.666667 23.466667-64 29.866667 93.866667 40.533333 157.866667 134.4 157.866667 241.066667 0 147.2-119.466667 266.666667-268.8 266.666666S130.133333 727.466667 130.133333 582.4c0-106.666667 64-198.4 157.866667-241.066667C140.8 292.266667 42.666667 142.933333 42.666667-49.066667c0-21.333333 17.066667-38.4 36.266666-38.4h373.333334c21.333333 0 36.266667 17.066667 36.266666 38.4 4.266667 21.333333-12.8 38.4-32 38.4zM204.8 580.266667c0 104.533333 85.333333 189.866667 192 189.866666s194.133333-85.333333 194.133333-189.866666-87.466667-189.866667-194.133333-189.866667c-106.666667 2.133333-192 87.466667-192 189.866667z m738.133333-424.533334h-29.866666c-4.266667 17.066667-10.666667 34.133333-19.2 49.066667l21.333333 21.333333c10.666667 10.666667 14.933333 27.733333 8.533333 40.533334-10.666667 23.466667-40.533333 25.6-55.466666 8.533333l-21.333334-21.333333c-14.933333 8.533333-29.866667 14.933333-46.933333 19.2v27.733333c0 14.933333-8.533333 29.866667-23.466667 34.133333-23.466667 8.533333-46.933333-10.666667-46.933333-34.133333v-29.866667c-17.066667-4.266667-34.133333-10.666667-46.933333-19.2L657.066667 277.333333c-12.8 12.8-34.133333 12.8-49.066667 0-14.933333-12.8-14.933333-36.266667 0-51.2l25.6-25.6c-8.533333-14.933333-14.933333-29.866667-19.2-46.933333h-29.866667c-14.933333 0-29.866667-8.533333-34.133333-23.466667-8.533333-23.466667 10.666667-46.933333 34.133333-46.933333h29.866667c4.266667-17.066667 10.666667-32 19.2-46.933333l-21.333333-21.333334c-10.666667-10.666667-14.933333-27.733333-8.533334-40.533333 10.666667-23.466667 40.533333-25.6 55.466667-8.533333l21.333333 21.333333c14.933333-8.533333 32-17.066667 49.066667-19.2v-29.866667c0-14.933333 8.533333-29.866667 23.466667-34.133333 23.466667-8.533333 46.933333 10.666667 46.933333 34.133333v32c17.066667 4.266667 34.133333 10.666667 46.933333 19.2l21.333334-21.333333c10.666667-10.666667 27.733333-14.933333 40.533333-8.533333 23.466667 10.666667 25.6 40.533333 8.533333 55.466666l-21.333333 21.333334c8.533333 14.933333 14.933333 29.866667 19.2 46.933333h29.866667c23.466667 0 40.533333 21.333333 34.133333 46.933333-4.266667 17.066667-19.2 25.6-36.266667 25.6z m-157.866666-117.333333c-66.133333-17.066667-123.733333 40.533333-106.666667 106.666667 8.533333 29.866667 32 51.2 59.733333 59.733333 66.133333 17.066667 123.733333-40.533333 106.666667-106.666667-6.4-29.866667-29.866667-53.333333-59.733333-59.733333z m0 0"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="fenxiang" unicode="&#58945;" d="M763.84 0c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333c47.128 0 85.333-38.205 85.333-85.333 0-47.128-38.205-85.333-85.333-85.333M329.92 337.15200000000004c-14.895-26.231-42.641-43.638-74.453-43.638-47.128 0-85.333 38.205-85.333 85.333 0 16.097 4.457 31.152 12.204 44 14.935 24.769 42.098 41.333 73.13 41.333 47.128 0 85.333-38.205 85.333-85.333 0-15.317-4.035-29.691-11.101-42.117M763.84 768c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333c-47.128 0-85.333 38.205-85.333 85.333 0 47.128 38.205 85.333 85.333 85.333M763.84 213.33299999999997c-0.021 0-0.047 0-0.072 0-39.16 0-74.203-17.626-97.628-45.378l-289.885 167.063c4.932 13.101 7.787 28.245 7.787 44.055 0 0.105 0 0.209 0 0.314 0 0.072 0 0.177 0 0.281 0 15.81-2.855 30.953-8.077 44.942l295.544 169.566c23.265-24.363 56.001-39.509 92.275-39.509 0.02 0 0.039 0 0.059 0 70.689 0 127.997 57.308 127.997 128 0 70.692-57.308 128-128 128-70.692 0-128-57.308-128-128 0-18.965 4.224-36.907 11.627-53.099l-292.288-168.747c-23.653 28.833-59.285 47.084-99.18 47.084-70.692 0-128-57.308-128-128 0-0.188 0-0.376 0.001-0.564-0.001-0.123-0.001-0.304-0.001-0.484 0-70.692 57.308-128 128-128 39.895 0 75.526 18.251 99.001 46.86l289.373-166.752c-5.397-13.568-8.529-29.29-8.533-45.743 0-70.582 57.308-127.889 128-127.889 70.692 0 128 57.308 128 128 0 70.692-57.308 128-128 128z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shouquan1" unicode="&#58932;" d="M487.86343 260.270008a272.638998 272.638998 0 1 0 272.638998 272.638997 272.638998 272.638998 0 0 0-272.638998-272.638997z m0 481.127643a208.488645 208.488645 0 1 1 208.488645-208.488646 208.488645 208.488645 0 0 1-208.488645 208.488646zM199.186844-28.406578h-64.150352A352.826938 352.826938 0 0 0 737.729052 221.138293l-45.386374-45.386374a288.676586 288.676586 0 0 1-493.155834-204.158497zM659.305247-37.548003l-157.970243 159.413626 45.54675 45.225998 112.90462-113.866876 250.667502 248.261864 45.065623-45.54675-296.214252-293.487862z"  horiz-adv-x="1026" />
+
+    
+    <glyph glyph-name="jiantou" unicode="&#58963;" d="M512 384m-512 0a512 512 0 1 1 1024 0 512 512 0 1 1-1024 0ZM424.64 380.96000000000004l208.768-208.736a31.616 31.616 0 0 0-44.736-44.736l-223.648 223.648a31.616 31.616 0 0 0-8.384 29.824 31.616 31.616 0 0 0 8.384 29.824l223.68 223.648a31.616 31.616 0 0 0 44.704-44.736l-208.736-208.736z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jiantou-copy-copy" unicode="&#58964;" d="M512 384m512 0a512 512 0 1 1-1024 0 512 512 0 1 1 1024 0ZM599.36 387.04l-208.768 208.736a31.616 31.616 0 0 0 44.736 44.736l223.648-223.648a31.616 31.616 0 0 0 8.384-29.824 31.616 31.616 0 0 0-8.384-29.824l-223.68-223.648a31.616 31.616 0 0 0-44.704 44.736l208.736 208.736z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>
diff --git a/report-ui/src/assets/iconfont/iconfont.ttf b/report-ui/src/assets/iconfont/iconfont.ttf
new file mode 100644
index 00000000..3bcde297
Binary files /dev/null and b/report-ui/src/assets/iconfont/iconfont.ttf differ
diff --git a/report-ui/src/assets/iconfont/iconfont.woff b/report-ui/src/assets/iconfont/iconfont.woff
new file mode 100644
index 00000000..eaf7ed0d
Binary files /dev/null and b/report-ui/src/assets/iconfont/iconfont.woff differ
diff --git a/report-ui/src/assets/iconfont/iconfont.woff2 b/report-ui/src/assets/iconfont/iconfont.woff2
new file mode 100644
index 00000000..b690d7aa
Binary files /dev/null and b/report-ui/src/assets/iconfont/iconfont.woff2 differ
diff --git a/report-ui/src/assets/images/404/404.png b/report-ui/src/assets/images/404/404.png
new file mode 100644
index 00000000..3d8e2305
Binary files /dev/null and b/report-ui/src/assets/images/404/404.png differ
diff --git a/report-ui/src/assets/images/404/404_cloud.png b/report-ui/src/assets/images/404/404_cloud.png
new file mode 100644
index 00000000..c6281d09
Binary files /dev/null and b/report-ui/src/assets/images/404/404_cloud.png differ
diff --git a/report-ui/src/assets/images/banner1.png b/report-ui/src/assets/images/banner1.png
new file mode 100644
index 00000000..c7d421b5
Binary files /dev/null and b/report-ui/src/assets/images/banner1.png differ
diff --git a/report-ui/src/assets/images/charts.jpg b/report-ui/src/assets/images/charts.jpg
new file mode 100644
index 00000000..8d7ea0b5
Binary files /dev/null and b/report-ui/src/assets/images/charts.jpg differ
diff --git a/report-ui/src/assets/images/close.png b/report-ui/src/assets/images/close.png
new file mode 100644
index 00000000..9d295754
Binary files /dev/null and b/report-ui/src/assets/images/close.png differ
diff --git a/report-ui/src/assets/images/editor.png b/report-ui/src/assets/images/editor.png
new file mode 100644
index 00000000..53f68d32
Binary files /dev/null and b/report-ui/src/assets/images/editor.png differ
diff --git a/report-ui/src/assets/images/home-logo.png b/report-ui/src/assets/images/home-logo.png
new file mode 100644
index 00000000..f23da128
Binary files /dev/null and b/report-ui/src/assets/images/home-logo.png differ
diff --git a/report-ui/src/assets/images/login.png b/report-ui/src/assets/images/login.png
new file mode 100644
index 00000000..840e2ab1
Binary files /dev/null and b/report-ui/src/assets/images/login.png differ
diff --git a/report-ui/src/assets/images/rightIcon.png b/report-ui/src/assets/images/rightIcon.png
new file mode 100644
index 00000000..adf99b29
Binary files /dev/null and b/report-ui/src/assets/images/rightIcon.png differ
diff --git a/report-ui/src/assets/images/user/appro.png b/report-ui/src/assets/images/user/appro.png
new file mode 100644
index 00000000..fffea0b9
Binary files /dev/null and b/report-ui/src/assets/images/user/appro.png differ
diff --git a/report-ui/src/assets/images/user/appro2.png b/report-ui/src/assets/images/user/appro2.png
new file mode 100644
index 00000000..39ac3711
Binary files /dev/null and b/report-ui/src/assets/images/user/appro2.png differ
diff --git a/report-ui/src/assets/images/user/avatar.gif b/report-ui/src/assets/images/user/avatar.gif
new file mode 100644
index 00000000..fdbd32c6
Binary files /dev/null and b/report-ui/src/assets/images/user/avatar.gif differ
diff --git a/report-ui/src/assets/styles/common.css b/report-ui/src/assets/styles/common.css
new file mode 100644
index 00000000..d9a249b1
--- /dev/null
+++ b/report-ui/src/assets/styles/common.css
@@ -0,0 +1,76 @@
+/* 滚动条 */
+ ::-webkit-scrollbar {
+   /*垂直滚动条的宽*/
+   width: 10px;
+   /*垂直滚动条的高*/
+   height: 10px;
+ }
+ 
+ ::-webkit-scrollbar-track-piece {
+   /*修改滚动条的背景和圆角*/
+   background: #F7F7F7;
+   -webkit-border-radius: 7px;
+ }
+ 
+ /*修改垂直滚动条的样式*/
+ ::-webkit-scrollbar-thumb:vertical {
+   background-color: #dcdfe6;
+   -webkit-border-radius: 7px;
+ }
+ 
+ /*修改水平滚动条的样式*/
+ ::-webkit-scrollbar-thumb:horizontal {
+   background-color: #dcdfe6;
+   -webkit-border-radius: 7px;
+ }
+ 
+ /* IE7 */
+ input:focus, a:focus, button:focus, textarea:focus {
+   outline: none
+ }
+ input:-webkit-autofill {
+   /* -webkit-box-shadow: 0 0 0px 1000px black inset !important; */
+    /* background-color: #ffffff !important;*/
+   /* background-image: none !important; 
+   color: white !important;  */
+   box-shadow: 0 0 0px 1000px rgb(229, 233, 238) inset !important;
+     -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0,1) inset !important;
+     border: 0px solid #CCC!important;
+     -webkit-text-fill-color: #FFF;
+ 
+ }
+ /* input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
+   background-color: #040406 !important;
+   background-image: none !important;
+   color: white !important;
+ } */
+ ::-ms-clear {
+   display: none;
+ }
+ 
+ ::-ms-reveal {
+   display: none;
+ }
+ 
+ .on-focus:focus {
+   border: 1px solid #5BC0DE;
+ }
+ .clearfix::after{
+   content: '';
+   display: block;
+   clear: both;
+   height: 0;
+   width:100%;
+ }
+ .mt10{
+   margin-top: 10px;
+ }
+ .fr{
+   float: right;
+ }
+ .fl{
+  float: left;
+}
+.el-table td{
+  padding: 8px 0;
+}
\ No newline at end of file
diff --git a/report-ui/src/assets/styles/element-ui.scss b/report-ui/src/assets/styles/element-ui.scss
new file mode 100644
index 00000000..3d1aa712
--- /dev/null
+++ b/report-ui/src/assets/styles/element-ui.scss
@@ -0,0 +1,95 @@
+ //to reset element-ui default css
+.el-upload {
+  input[type="file"] {
+    display: none !important;
+  }
+}
+
+.el-upload__input {
+  display: none;
+}
+
+
+// 解决table 因为body部分滚动条 header 错位问题：
+.el-table--border th.gutter:last-of-type {
+  display: block !important;
+  width: 17px !important;
+}
+
+//暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
+.el-dialog {
+  transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
+  
+  .el-dialog__header{
+    background-color: rgb(48, 77, 167); 
+    color: #fff;
+    .el-dialog__title{
+      color: #fff;
+    }
+    .el-dialog__headerbtn i {
+      color: #fff;
+    }
+  }
+}
+
+.el-tooltip__popper{
+  max-width: 80%;
+}
+
+//element ui upload
+.upload-container {
+  .el-upload {
+    width: 100%;
+    .el-upload-dragger {
+      width: 100%;
+      height: 200px;
+    }
+  }
+}
+//element ui 带选择列的input
+.el-input-group {
+  display: inline-table !important;
+}
+.input-with-select{
+  .el-input-group__prepend{
+    .el-select{
+      width: 105px;
+    }
+  }
+}
+//element in-line form 一行两个带图村输入框
+.el-form--inline{
+  .el-form-item{
+    width: 45%;
+    margin-right: 25px;
+    .el-form-item__label {
+      font-size: 12px;
+      line-height: 17px;
+      padding: 0 0 5px;
+    }
+    .el-form-item__content{
+      .el-input{
+        .el-input__inner{
+          // padding-left: 40px;
+        }
+        .el-input__prefix{
+          left: 0px;
+          background-color: #f5f7fa;
+          color: #909399;
+          vertical-align: middle;
+          display: table-cell;
+          border: 1px solid #dcdfe6;
+          border-radius: 4px;
+          width: 40px;
+          height: 98%;
+          white-space: nowrap;
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0;
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/report-ui/src/assets/styles/index.scss b/report-ui/src/assets/styles/index.scss
new file mode 100644
index 00000000..98a6bdb9
--- /dev/null
+++ b/report-ui/src/assets/styles/index.scss
@@ -0,0 +1,192 @@
+@import './variables.scss';
+@import './mixin.scss';
+@import './transition.scss';
+@import './element-ui.scss';
+@import './sidebar.scss';
+
+body {
+  height: 100%;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+}
+
+label {
+  font-weight: 700;
+}
+
+html {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+#app{
+  height: 100%;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+a,
+a:focus,
+a:hover {
+  cursor: pointer;
+  color: inherit;
+  outline: none;
+  text-decoration: none;
+}
+
+div:focus{
+  outline: none;
+ }
+
+a:focus,
+a:active {
+  outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+
+.clearfix {
+  &:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+  }
+}
+
+//main-container全局样式
+.app-main{
+  min-height: 100%
+}
+
+.app-container {
+  padding: 20px;
+}
+
+.filter-container {
+  padding-bottom: 10px;
+  .filter-item {
+    display: inline-block;
+    vertical-align: middle;
+    margin-bottom: 10px;
+  }
+}
+.float-r{
+  float: right;
+}
+.float-l{
+  float: left;
+}
+/*日志折叠面板定制*/
+.log .el-collapse{
+  border-top:0;
+  border-bottom:0;
+}
+.log .el-collapse-item__header {
+  height: 40px;
+  line-height: 40px;
+  cursor: pointer;
+  border: 1px solid #fff;
+  background:rgba(145,163,177,.15);
+  font-size: 14px;
+  color: #666;
+  -webkit-transition: border-bottom-color .3s;
+  transition: border-bottom-color .3s;
+  outline: 0;
+  padding: 0 20px;
+}
+.log .el-collapse-item__wrap {
+  will-change: height;
+  overflow: hidden;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  border-bottom: 1px solid #fff;
+  background: #263C7C;
+
+}
+.log .el-collapse-item__content{
+  font-size: 14px;
+  color: #FFFFFF;
+  padding: 20px;
+}
+.log .el-collapse-item__arrow{
+  margin-top: 14px;
+  float: right;
+  margin-right: -77px;
+}
+.log .icon-btn_style, .log .icon-btn_style:hover {
+  background: none;
+  border: 0;
+  padding: 0;
+}
+//大屏展示的一些样式
+.my-dialog{
+  .el-dialog{
+    background: #062B69;
+    border:1px solid #5DDAF6
+  }
+  .el-dialog__header{
+    border-bottom:1px solid #5DDAF6;
+    text-align: center;
+  }
+  .el-dialog__title{
+    color: #5CDCF9;
+  }
+  .el-input__inner{
+    background:#091E43;
+    border-color: #254E97;
+  }
+  .el-date-editor .el-range__icon{
+    color: #5CDCF9;
+  }
+  input {
+    background:#091E43;
+  }
+  .el-date-editor .el-range-input{
+    color: #5CDCF9;
+  }
+  .form-handle{
+    .el-form-item__label{
+      color: #5CDCF9;
+      font-weight: 500;
+    }
+  }
+  .el-form-item{
+    margin-bottom: 10px;
+  }
+  .el-textarea__inner,.el-select:hover .el-input__inner{
+    background-color: #091E43;
+    border-color: #254E97;
+    border-bottom:1px solid #254E97;
+  }
+  .el-button--blue{
+    color: #FFF;
+    background-color: #224788;
+    border-color: #224788;
+  }
+  .el-button--green{
+    color: #FFF;
+    background-color: #2092AD;
+    border-color: #2092AD;
+  }
+}
+.el-input--prefix .el-input__inner{
+  padding-left: 45px;
+}
+.el-input-group__append, .el-input-group__prepend{
+  color: #333;
+}
\ No newline at end of file
diff --git a/report-ui/src/assets/styles/mixin.scss b/report-ui/src/assets/styles/mixin.scss
new file mode 100644
index 00000000..601d7a03
--- /dev/null
+++ b/report-ui/src/assets/styles/mixin.scss
@@ -0,0 +1,27 @@
+@mixin clearfix {
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+@mixin scrollBar {
+  &::-webkit-scrollbar-track-piece {
+    background: #d3dce6;
+  }
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: #99a9bf;
+    border-radius: 20px;
+  }
+}
+
+@mixin relative {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
diff --git a/report-ui/src/assets/styles/sidebar.scss b/report-ui/src/assets/styles/sidebar.scss
new file mode 100644
index 00000000..e7837561
--- /dev/null
+++ b/report-ui/src/assets/styles/sidebar.scss
@@ -0,0 +1,136 @@
+#app {
+  // 主体区域
+  .main-container {
+    min-height: 100%;
+    transition: margin-left .28s;
+    margin-left: 180px;
+    position: relative;
+  }
+  // 侧边栏
+  .sidebar-container {
+    transition: width 0.28s;
+    width: 180px !important;
+    height: 100%;
+    position: fixed;
+    font-size: 0px;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1001;
+    overflow: hidden;
+    box-shadow: 1px 1px 4px #e6e6e6;
+    //reset element-ui css
+    .horizontal-collapse-transition {
+      transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+    }
+    .el-scrollbar__bar.is-vertical{
+      right: 0px;
+    }
+    .scrollbar-wrapper {
+      overflow-x: hidden!important;
+      
+      .el-scrollbar__view {
+        height:calc(100vh - 70px);
+      }
+    }
+    .is-horizontal {
+      display: none;
+    }
+    a {
+      display: inline-block;
+      width: 100%;
+      overflow: hidden;
+    }
+    .svg-icon {
+      margin-right: 16px;
+    }
+    .el-menu {
+      border: none;
+      height: 100%;
+      width: 100% !important;
+    }
+    .is-active > .el-submenu__title{
+      color: #333!important;
+    }
+  }
+  .hideSidebar {
+    .sidebar-container {
+      width: 36px !important;
+    }
+    .main-container {
+      margin-left: 36px;
+    }
+    .submenu-title-noDropdown {
+      padding-left: 10px !important;
+      position: relative;
+      .el-tooltip {
+        padding: 0 10px !important;
+      }
+    }
+    .el-submenu {
+      overflow: hidden;
+      &>.el-submenu__title {
+        padding-left: 10px !important;
+        .el-submenu__icon-arrow {
+          display: none;
+        }
+      }
+    }
+    .el-menu--collapse {
+      .el-submenu {
+        &>.el-submenu__title {
+          &>span {
+            height: 0;
+            width: 0;
+            overflow: hidden;
+            visibility: hidden;
+            display: inline-block;
+          }
+        }
+      }
+    }
+  }
+  .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
+  .sidebar-container .el-submenu .el-menu-item {
+    min-width: 180px !important;
+    background-color: #fff !important;
+    &:hover {
+      color: #406be0 !important;
+      font-weight: bold; 
+    }
+  }
+  .el-menu--collapse .el-menu .el-submenu {
+    min-width: 180px !important;
+  }
+
+  //适配移动端
+  .mobile {
+    .main-container {
+      margin-left: 0px;
+    }
+    .sidebar-container {
+      transition: transform .28s;
+      width: 180px !important;
+    }
+    &.hideSidebar {
+      .sidebar-container {
+        transition-duration: 0.3s;
+        transform: translate3d(-180px, 0, 0);
+      }
+    }
+  }
+  .withoutAnimation {
+    .main-container,
+    .sidebar-container {
+      transition: none;
+    }
+  }
+}
+
+.el-menu--vertical{
+  & >.el-menu{
+    .svg-icon{
+      margin-right: 16px;
+    }
+  }
+}
diff --git a/report-ui/src/assets/styles/transition.scss b/report-ui/src/assets/styles/transition.scss
new file mode 100644
index 00000000..8dd9b04a
--- /dev/null
+++ b/report-ui/src/assets/styles/transition.scss
@@ -0,0 +1,46 @@
+//globl transition css
+
+/*fade*/
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/*fade-transform*/
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all .5s;
+}
+.fade-transform-enter {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/*fade*/
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
diff --git a/report-ui/src/assets/styles/variables.scss b/report-ui/src/assets/styles/variables.scss
new file mode 100644
index 00000000..2fee827b
--- /dev/null
+++ b/report-ui/src/assets/styles/variables.scss
@@ -0,0 +1,4 @@
+//sidebar
+$menuBg:#304156;
+$subMenuBg:#1f2d3d;
+$menuHover:#001528;
diff --git a/report-ui/src/components/Breadcrumb/index.vue b/report-ui/src/components/Breadcrumb/index.vue
new file mode 100644
index 00000000..90fd9cec
--- /dev/null
+++ b/report-ui/src/components/Breadcrumb/index.vue
@@ -0,0 +1,67 @@
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item,index) in levelListArr" :key="item.path">
+        <span v-if="item.redirect==='noredirect'||index==levelListArr.length-1" class="no-redirect">{{ item.meta.title }}</span>
+        <router-link v-else :to="item.redirect||item.path" class="no-redirect">{{ 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()
+    }
+  },
+  computed:{
+    levelListArr(){
+      return this.levelList.filter(item => item.meta && item.meta.title)
+    }
+  },
+  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;
+    color: #fff;
+    .no-redirect {
+      color: #333;
+      cursor: text;
+    }
+  }
+</style>
diff --git a/report-ui/src/components/Dictionary/index.vue b/report-ui/src/components/Dictionary/index.vue
new file mode 100644
index 00000000..911775f2
--- /dev/null
+++ b/report-ui/src/components/Dictionary/index.vue
@@ -0,0 +1,74 @@
+<!--
+ * @Author: lxy
+ * @Date: 2021-03-17 14:10:40
+ * @Last Modified by:   lxy
+ * @Last Modified time: 2021-03-17 14:10:40
+ */
+!-->
+<template>
+  <el-select v-model="dictionary" placeholder="请选择" clearable @change="selectChange">
+    <el-option v-for="item in dictionaryOptions" :key="item.id" :label="item.text" :value="item.id" />
+  </el-select>
+</template>
+
+<script>
+import { getDictList } from '@/api/dict-data' // 获取数据字典
+export default {
+  name: 'GetDictionary',
+  props: {
+    dictKey: String, // 字典code
+    updataDict: String, // 回显绑定的值
+  },
+  data() {
+    return {
+      dictionary: '', // 绑定选中的值
+      dictionaryOptions: [], // 拉下字典选项
+    }
+  },
+  watch: {
+    dictKey: {
+      immediate: true,
+      handler() {
+        this.getSystem()
+      },
+    },
+    updataDict: {
+      immediate: true,
+      handler() {
+        this.dictionary = this.updataDict
+      },
+    },
+  },
+  created() {
+    this.getSystem()
+  },
+  mounted() {
+    this.dictionary = this.updataDict
+  },
+  methods: {
+    // 获取数据字典
+    async getSystem() {
+      const { code, data } = await getDictList(this.dictKey)
+      if (code != '200') return
+      this.dictionaryOptions = data
+    },
+    selectChange(val) {
+      this.$emit('input', val)
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.app-breadcrumb.el-breadcrumb {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 50px;
+  margin-left: 8px;
+
+  .no-redirect {
+    color: #97a8be;
+    cursor: text;
+  }
+}
+</style>
diff --git a/report-ui/src/components/Hamburger/index.vue b/report-ui/src/components/Hamburger/index.vue
new file mode 100644
index 00000000..27cf6ea4
--- /dev/null
+++ b/report-ui/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" fill="#333" />
+      <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" fill="#333" />
+      <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" fill="#333" />
+    </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: 19px;
+	transform: rotate(90deg);
+	transition: .38s;
+	transform-origin: 50% 50%;
+}
+.hamburger.is-active {
+	transform: rotate(0deg);
+}
+</style>
diff --git a/report-ui/src/components/LgModal.vue b/report-ui/src/components/LgModal.vue
new file mode 100644
index 00000000..01d51be6
--- /dev/null
+++ b/report-ui/src/components/LgModal.vue
@@ -0,0 +1,177 @@
+<template>
+  <!-- 过渡动画 -->
+  <transition name="modal-fade">
+    <!-- 关闭模态框事件 和 控制模态框是否显示 -->
+    <div class="modal-backdrop" @click="$emit('closeModal')" v-show="show">
+      <div class="modal" :style="{'background':modalBackground}" @click.stop>
+        <div class="modal-body" id="modalDescription" :style="{'background':backgroundColor}">
+          <!-- 状态提示文字的插槽 -->
+          <slot name="status"><span style="opacity: 0;">{{statusText}}</span></slot>
+          <slot name="body"></slot>
+          <el-button class="icon-btn_style fr" @click="$emit('closeModal')">
+            <i class="icon iconfont icon-chuyidong"></i>
+          </el-button>
+        </div>
+        <!-- 模态框内容文字 可有可无 -->
+        <div class="modal-content" v-if="contentText">
+          <slot>this is Modal-content</slot>
+        </div>
+      </div>
+    </div>
+  </transition>
+</template>
+<script>
+export default {
+    name: "modal",
+    // 通过 props 传值
+    props: {
+      imgadress: String,
+      title: String, //标题文字
+      show: {
+          //显示取消
+          type: Boolean,
+          default: false
+      },
+      statusText: String, //状态文字
+      contentText: String, //描述文字
+      IDList: Array, //ID 列表
+      payMoney: Number,
+      yuan: String,
+      buttonBackground: String, //按钮背景色
+      alert: String, //判断一个还是两个按钮
+      sure: String, //第二个按钮的提示文字
+      backgroundColor:String,
+      modalBackground:String
+    },
+    data() {
+        return {
+            closemodal: "close",
+            // isModalVisible:false,
+            // 确定和取消按钮的两种颜色
+            // red: "redBackground",
+            // blue: "blueBackground"
+        };
+    },
+    components: {
+    },
+    methods: {
+        // 关闭模态框事件
+        close() {
+            this.$emit("close");
+        }
+    }
+};
+</script>
+<style lang="scss" scoped>
+.modal-backdrop {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: rgba(0, 0, 0, 0.3);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 12;
+    .modal {
+      width:100vw;
+      height: 100vh;
+      margin-top: 180px;
+      padding-bottom: 50px;
+      background-color: #333;
+      color: #fff;
+      overflow-x: auto;
+      display: flex;
+      flex-direction: column;
+      position: relative;
+      border-radius: 0;
+      border: 1px solid #333;
+        .img {
+            width: 3.6rem;
+            height: 3.6rem;
+            margin: 0.8rem 4.1rem;
+        }
+        .modal-header {
+            padding: 0.6rem 4.1rem;
+            width: 3.6rem;
+            height: 3.6rem;
+            box-sizing: border-box;
+            .img {
+                width: 100%;
+                height: 100%;
+            }
+            div {
+                width: 100%;
+                height: 100%;
+                background: #000;
+            }
+        }
+        .modal-body {
+            width: 100%;
+            padding:.7rem 1.6rem;
+            box-sizing: border-box;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            li {
+                width: 2rem;
+                height: 0.04rem;
+                background: #eeeee5;
+            }
+        }
+        .modal-content {
+            width: 100%;
+            // height: 0.6rem;
+            margin-bottom: 0.8rem;
+            text-align: center;
+            color: #34304b;
+            span {
+                color: #32b8b9;
+                i {
+                    color: #4f4f4f;
+                }
+            }
+        }
+        ul {
+            li {
+                width: 100%;
+                height: 1.52rem;
+                line-height: 1.52rem;
+                text-align: center;
+                color: #fff;
+                font-size: 0.56rem;
+                letter-spacing: 0.4rem;
+            }
+            .confirm {
+                display: flex;
+                div:nth-child(1) {
+                    flex: 1;
+                    background: #dedede;
+                    color: #bcbbbf;
+                }
+                div:nth-child(2) {
+                    flex: 1;
+                    color: #fff;
+                }
+            }
+        }
+    }
+}
+/* 动画 */
+.modal-fade-enter,
+.modal-fade-leave-active {
+    opacity: 0;
+}
+.modal-fade-enter-active,
+.modal-fade-leave-active {
+    transition: opacity 0.5s ease;
+}
+  .icon-zuixiaohua{
+    color: #aaa;
+    font-size: 24px;
+  }
+  .icon-btn_style{
+    margin-top: -5px;
+  }
+</style>
diff --git a/report-ui/src/components/Modal.vue b/report-ui/src/components/Modal.vue
new file mode 100644
index 00000000..cea1d118
--- /dev/null
+++ b/report-ui/src/components/Modal.vue
@@ -0,0 +1,178 @@
+<template>
+  <!-- 过渡动画 -->
+  <transition name="modal-fade">
+    <!-- 关闭模态框事件 和 控制模态框是否显示 -->
+    <div class="modal-backdrop" @click="$emit('closeModal')" v-show="show">
+      <div class="modal" @click.stop>
+        <div class="modal-body" id="modalDescription">
+          <!-- 状态提示文字的插槽 -->
+          <slot name="status">{{statusText}}</slot>
+          <slot name="body"></slot>
+          <el-button class="icon-btn_style fr" style="font-size: 24px" @click="$emit('closeModal')">
+            ×
+          </el-button>
+        </div>
+        <!-- 模态框内容文字 可有可无 -->
+        <div class="modal-content" v-if="contentText">
+            <slot>this is Modal-content</slot>
+        </div>
+        <!--<ul>-->
+          <!--&lt;!&ndash; 模态框按钮 可选单个确定按钮 和 两个确定、取消按钮 &ndash;&gt;-->
+          <!--&lt;!&ndash; 单个确定按钮 &ndash;&gt;-->
+          <!--<li v-if="alert" :class="buttonBackground" @click.stop="$emit('button')">确定</li>-->
+          <!--&lt;!&ndash; 确定和取消按钮 &ndash;&gt;-->
+          <!--<li v-else class="confirm">-->
+            <!--<div>取消</div>-->
+            <!--<div :class="buttonBackground" @click.stop="$emit('confirm')">{{sure}}</div>-->
+          <!--</li>-->
+        <!--</ul>-->
+      </div>
+    </div>
+  </transition>
+</template>
+<script>
+export default {
+  name: "modal",
+  // 通过 props 传值
+  props: {
+    imgadress: String,
+    title: String, //标题文字
+    show: {
+      //显示取消
+      type: Boolean,
+      default: false
+    },
+    statusText: String, //状态文字
+    contentText: String, //描述文字
+    IDList: Array, //ID 列表
+    payMoney: Number,
+    yuan: String,
+    buttonBackground: String, //按钮背景色
+    alert: String, //判断一个还是两个按钮
+    sure: String //第二个按钮的提示文字
+  },
+  data() {
+    return {
+      closemodal: "close",
+      // isModalVisible:false,
+      // 确定和取消按钮的两种颜色
+      // red: "redBackground",
+      // blue: "blueBackground"
+    };
+  },
+  components: {
+  },
+  methods: {
+    // 关闭模态框事件
+    close() {
+      this.$emit("close");
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.3);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 12;
+  .modal {
+    width: 74%;
+    background-color: #fff;
+    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
+    overflow-x: auto;
+    display: flex;
+    flex-direction: column;
+    // width: 11.8rem;
+    position: relative;
+    border-radius: 0.2rem;
+    padding: 20px;
+    .img {
+      width: 3.6rem;
+      height: 3.6rem;
+      margin: 0.8rem 4.1rem;
+    }
+    .modal-header {
+      padding: 0.6rem 4.1rem;
+      width: 3.6rem;
+      height: 3.6rem;
+      box-sizing: border-box;
+      .img {
+        width: 100%;
+        height: 100%;
+      }
+      div {
+        width: 100%;
+        height: 100%;
+        background: #000;
+      }
+    }
+    .modal-body {
+      width: 100%;
+      padding:1.6rem;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      li {
+        width: 2rem;
+        height: 0.04rem;
+        background: #eeeee5;
+      }
+    }
+    .modal-content {
+      width: 100%;
+      // height: 0.6rem;
+       max-height: 61vh;
+      overflow: auto;
+      margin-bottom: 0.8rem;
+      text-align: center;
+      color: #34304b;
+      span {
+        color: #32b8b9;
+        i {
+          color: #4f4f4f;
+        }
+      }
+    }
+    ul {
+      li {
+        width: 100%;
+        height: 1.52rem;
+        line-height: 1.52rem;
+        text-align: center;
+        color: #fff;
+        font-size: 0.56rem;
+        letter-spacing: 0.4rem;
+      }
+      .confirm {
+        display: flex;
+        div:nth-child(1) {
+          flex: 1;
+          background: #dedede;
+          color: #bcbbbf;
+        }
+        div:nth-child(2) {
+          flex: 1;
+          color: #fff;
+        }
+      }
+    }
+  }
+}
+/* 动画 */
+.modal-fade-enter,
+.modal-fade-leave-active {
+    opacity: 0;
+}
+.modal-fade-enter-active,
+.modal-fade-leave-active {
+    transition: opacity 0.5s ease;
+}
+</style>
diff --git a/report-ui/src/components/SmModal.vue b/report-ui/src/components/SmModal.vue
new file mode 100644
index 00000000..de6d3f74
--- /dev/null
+++ b/report-ui/src/components/SmModal.vue
@@ -0,0 +1,179 @@
+<template>
+    <!-- 过渡动画 -->
+    <transition name="modal-fade">
+        <!-- 关闭模态框事件 和 控制模态框是否显示 -->
+        <div class="modal-backdrop" @click="$emit('closeModal')" v-show="show">
+            <div class="modal" @click.stop>
+                <div class="modal-body" id="modalDescription">
+                    <!-- 状态提示文字的插槽 -->
+                    <slot name="status">{{statusText}}</slot>
+                    <slot name="body">
+                    </slot>
+                  <el-button class="icon-btn_style fr" @click="$emit('closeModal')">×</el-button>
+                </div>
+                <!-- 模态框内容文字 可有可无 -->
+                <div class="modal-content" v-if="contentText">
+                    <slot>this is Modal-content</slot>
+                </div>
+                <ul>
+                    <!-- 模态框按钮 可选单个确定按钮 和 两个确定、取消按钮 -->
+                    <!-- 单个确定按钮 -->
+                    <li v-if="alert" :class="buttonBackground" @click.stop="$emit('button')">确定</li>
+                    <!-- 确定和取消按钮 -->
+                    <li v-else class="confirm">
+                        <div>取消</div>
+                        <div :class="buttonBackground" @click.stop="$emit('confirm')">{{sure}}</div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </transition>
+</template>
+<script>
+export default {
+    name: "modal",
+    // 通过 props 传值
+    props: {
+        imgadress: String,
+        title: String, //标题文字
+        show: {
+            //显示取消
+            type: Boolean,
+            default: false
+        },
+        statusText: String, //状态文字
+        contentText: String, //描述文字
+        IDList: Array, //ID 列表
+        payMoney: Number,
+        yuan: String,
+        buttonBackground: String, //按钮背景色
+        alert: String, //判断一个还是两个按钮
+        sure: String //第二个按钮的提示文字
+    },
+    data() {
+        return {
+            closemodal: "close",
+            // isModalVisible:false,
+            // 确定和取消按钮的两种颜色
+            // red: "redBackground",
+            // blue: "blueBackground"
+        };
+    },
+    components: {
+    },
+    methods: {
+        // 关闭模态框事件
+        close() {
+            this.$emit("close");
+        }
+    }
+};
+</script>
+<style lang="scss" scoped>
+.modal-backdrop {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: rgba(0, 0, 0, 0.3);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 12;
+    .modal {
+        width: 50%;
+        padding-bottom:10px;
+        top:50px;
+        background-color: #fff;
+        box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
+        overflow-x: auto;
+        display: flex;
+        flex-direction: column;
+        // width: 11.8rem;
+        position: relative;
+        border-radius: 0.2rem;
+        .img {
+            width: 3.6rem;
+            height: 3.6rem;
+            margin: 0.8rem 4.1rem;
+        }
+        .modal-header {
+            padding: 0.6rem 4.1rem;
+            width: 3.6rem;
+            height: 3.6rem;
+            box-sizing: border-box;
+            .img {
+                width: 100%;
+                height: 100%;
+            }
+            div {
+                width: 100%;
+                height: 100%;
+                background: #000;
+            }
+        }
+        .modal-body {
+            width: 100%;
+            padding:1.6rem;
+            margin-bottom: 0.8rem;
+            box-sizing: border-box;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            li {
+                width: 2rem;
+                height: 0.04rem;
+                background: #eeeee5;
+            }
+        }
+        .modal-content {
+            width: 100%;
+            // height: 0.6rem;
+             max-height: 61vh;
+            overflow: auto;
+            margin-bottom: 0.8rem;
+            text-align: center;
+            color: #34304b;
+            span {
+                color: #32b8b9;
+                i {
+                    color: #4f4f4f;
+                }
+            }
+        }
+        ul {
+            li {
+                width: 100%;
+                height: 1.52rem;
+                line-height: 1.52rem;
+                text-align: center;
+                color: #fff;
+                font-size: 0.56rem;
+                letter-spacing: 0.4rem;
+            }
+            .confirm {
+                display: flex;
+                div:nth-child(1) {
+                    flex: 1;
+                    background: #dedede;
+                    color: #bcbbbf;
+                }
+                div:nth-child(2) {
+                    flex: 1;
+                    color: #fff;
+                }
+            }
+        }
+    }
+}
+/* 动画 */
+.modal-fade-enter,
+.modal-fade-leave-active {
+    opacity: 0;
+}
+.modal-fade-enter-active,
+.modal-fade-leave-active {
+    transition: opacity 0.5s ease;
+}
+</style>
diff --git a/report-ui/src/components/codeSelect.vue b/report-ui/src/components/codeSelect.vue
new file mode 100644
index 00000000..6c91c292
--- /dev/null
+++ b/report-ui/src/components/codeSelect.vue
@@ -0,0 +1,154 @@
+/*
+* 使用方式 <code-select v-model="params.enableFlag" dictname="ENABLE_FLAG" @changed="handler" placeholder="启用状态" style="width: 120px;"/>
+* 根据/data/basecode.js中字典值，生成下拉列表
+* @property dictname ENABLE_FLAG
+* @property placeholder
+* @property style
+*/
+
+<template>
+  <el-select :name="inputName" v-model="selectValue" :disabled="disabled" :placeholder="placeholder" :style="mystyle" clearable class="filter-item code-selected" @change="selectChange" @visible-change="drowShow">
+    <el-option v-for="(item,index) in optionList" :key="index" :label="item[label]" :value="item[valWord]" />
+  </el-select>
+</template>
+
+<script>
+  import request from '@/api/axios'
+  export default {
+    props: {
+      value: {
+        type: [String, Number],
+        default: ''
+      },
+      //用localStrage中的basecode生成下拉
+      dictname: {
+        type: String,
+        default: ''
+      },
+      //远程请求，生成下拉
+      remoteurl: {
+        type: String,
+        default: ''
+      },
+      remoteParams: {
+        type: Object,
+        default: ()=>{}
+      },
+      inputName: {
+        type: String,
+        default: ''
+      },
+      placeholder: {
+        type: String,
+        default: '请选择'
+      },
+      mystyle: {
+        type: String,
+        default: 'width: 100px'
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      label:{
+        type: String,
+        default: 'label'
+      },
+      valWord:{
+        type: String,
+        default: 'value'
+      },
+    },
+    data () {
+      return {
+        selectValue: '',
+        optionList: [],
+        dictList: [],
+      }
+    },
+    watch: {
+      value:{
+        handler(newValue, oldValue){
+          if (typeof newValue === 'string') {
+            this.selectValue = newValue
+          } else {
+            this.selectValue = this.parseString(newValue);
+          }
+        },
+        immediate: true
+      },
+    },
+    computed: {},
+    created () {
+      if (this.dictname !== '') {
+        this.optionList = this.getListFromBaseCode()
+      }
+      if (this.remoteurl !== '') {
+        this.getListFromAjax()
+      }
+    },
+    mounted () {},
+    methods: {
+      getListFromBaseCode() {
+        let basecode = JSON.parse(localStorage.getItem('queryForCodeSelect'))
+        let list = []
+        if (!basecode.hasOwnProperty(this.dictname)) {
+          return []
+        }
+        this.dictList = basecode[this.dictname]
+        for (let i = 0; i < this.dictList.length; i++) {
+          var codeItem = this.dictList[i]
+          list.push({ 'value': codeItem.value.toString(), 'label': codeItem.label })
+        }
+        return list
+
+      },
+
+      getListFromAjax() {
+        //将url中的参数转换成json，提交
+        var reqData = {};
+        /*var params = this.remoteurl.slice(this.remoteurl.indexOf('?') + 1).split('&');
+        for (var i = 0; i < params.length; i++) {
+            var map = params[i].split('=');
+            var key = map[0];
+            var val = map[1];
+            if(','.indexOf(val)>0 && val.split(',').length>1){
+              val = val.split(',');
+            }
+            reqData[map[0]] = val;
+        }*/
+        if(this.remoteParams != null){
+          reqData = this.remoteParams;
+        }
+        request({
+          url: this.remoteurl,
+          method: 'post',
+          data: reqData
+        }).then(response => {
+          if (response.repCode == '0000') {
+            this.optionList = response.repData
+          }
+        })
+      },
+
+      selectChange (val) {
+        this.$emit('input', val)
+        var list = this.optionList
+        for (var i in list) {
+          var item = list[i]
+          if (item[this.valWord] === val) {
+            this.$emit('changed', item)
+            break
+          }
+        }
+      },
+      drowShow (val) {
+        this.$emit('show', val)
+        this.$emit('click', val)
+      }
+    }
+  }
+</script>
+
+<!--<style rel="stylesheet/scss" lang="less" scoped>-->
+<!--</style>-->
diff --git a/report-ui/src/components/configForm.vue b/report-ui/src/components/configForm.vue
new file mode 100644
index 00000000..5c7e1c37
--- /dev/null
+++ b/report-ui/src/components/configForm.vue
@@ -0,0 +1,89 @@
+/*
+* 新增数据源时，根据不同的连接类型，渲染扩展输入字段drivreConfig表单
+* @property dictname ENABLE_FLAG
+* @property placeholder
+* @property style
+*/
+<template>
+<span>
+  <span class="grid-content" v-for="(item, index) in formItemsArr" :key="index" style="">
+    <EachForm :item="item" v-model="ConfigData" @eachChange='eachChange'></EachForm>
+  </span>
+</span>
+</template>
+
+<script>
+import EachForm from "./eachForm"
+export default {
+  props: {
+    value: {
+      type: [Object,String],
+      default:()=>{}
+    },
+    formItems: {
+      type: Array,
+      default:()=>[]
+    }
+  },
+  components:{
+    EachForm
+  },
+  data () {
+    return {
+      // inputVals:[],
+      ConfigData:{
+        payType: []
+      },    // 要传递出去的数据
+      formItemsArr: []
+    }
+  },
+  watch: {
+    value(newValue, oldValue) {
+      if ( typeof newValue == "string") {
+        // 传string进来 表示编辑进来 重新赋值给 
+        setTimeout(()=>{   //保证动态select 渲染完成再赋值
+          this.ConfigData = JSON.parse(newValue || "{}")
+        },10)
+      }else{
+        this.ConfigData = newValue || {};
+      }
+    },
+    formItems(val){
+      console.log(val, 'formItems1');
+      this.formItemsArr = val
+      console.log(this.formItemsArr)
+    }
+  },
+  computed: {},
+  methods: {
+    eachChange(val){
+      console.log(val, '回传的值');
+      this.$emit('myChanged', val)
+    },
+    // 无论哪个输入框改变 都需要触发事件 将值回传
+    drivreConfigChange(val,key){
+      const {ConfigData}  = this
+      // console.log(val,key,"方法方法付付");
+      // 针对type是下拉框的处理
+      if (val.extend) {
+        this.$set(ConfigData,key,val.value);
+      }else{
+        this.$set(ConfigData,key,val);
+      }
+      this.$emit('input', ConfigData) 
+      this.$emit('myChanged', ConfigData) 
+    },
+
+    //重新选择了 数据连接类型 就重置输入框的值
+    clearInput(){
+      // this.inputVals.forEach((item,index,arr) => this.$set(arr,index,''));
+      // 清空 对象
+      let obj = this.ConfigData
+      Object.keys(obj).forEach(key => {
+        if (obj[key]) obj[key] = "";
+      });
+
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/report-ui/src/components/dataPicker.vue b/report-ui/src/components/dataPicker.vue
new file mode 100644
index 00000000..7af06b22
--- /dev/null
+++ b/report-ui/src/components/dataPicker.vue
@@ -0,0 +1,80 @@
+<!--
+type: 时间日期格式
+  datetimerange： 日期时间格式 2020-12-04 00:00:00, 2021-01-01 23:59:59
+  daterange: 日期时间格式 2020-12-01，2020-12-06
+valueFormat: 绑定值的格式,一般是参数传到后台的数据格式
+defaultTime: 选中日期后的默认具体时刻 数据格式为数组 ['00:00:00', '23:59:59']
+pickerOptions: 快捷键以及配置项
+<data-picker 
+:type="'datetimerange'" 
+:valueFormat="'yyyy-MM-dd HH:mm:ss'" 
+:pickerOptions="pickerOptions" 
+:defaultTime="['00:00:00','23:59:59']"
+@changeTimeValue="changeTimeValue"
+:vModel="dateTimeRangeVal"
+></data-picker>
+-->
+<template>
+  <div>
+     <el-date-picker
+     @change="changeTimeValue"
+      v-model="selectTimeDate"
+      :type="type"
+      range-separator="至"
+      start-placeholder="开始日期"
+      end-placeholder="结束日期"
+      :value-format="valueFormat"
+      unlink-panels
+      :picker-options="pickerOptions"
+      :default-time="defaultTime"
+     >
+    </el-date-picker>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    type: {
+      type: String,
+      required: true
+    },
+    valueFormat: {
+      type: String,
+      default: ''
+    },
+    pickerOptions: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    }, 
+    defaultTime: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    vModel: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+  },
+  data() {
+    return {
+      selectTimeDate: []
+    }
+  },
+  watch: {
+    vModel(val) {
+      this.selectTimeDate = val
+    }
+  },
+  methods: {
+    changeTimeValue(val) {
+      this.$emit('changeTimeValue', val)
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/report-ui/src/components/eachForm.vue b/report-ui/src/components/eachForm.vue
new file mode 100644
index 00000000..8c915b87
--- /dev/null
+++ b/report-ui/src/components/eachForm.vue
@@ -0,0 +1,194 @@
+<template>
+  <span>
+    <!-- input 输入框-->
+    <el-form-item :label="item.label"  v-if="item.type == 'input'" :rules="[{required:item.required}]">
+      <el-input 
+      :name="item.name" 
+      clearable
+      :show-password ="item.name == 'password'?true:false"
+      :placeholder="item.placeholder" 
+      v-model.trim="ConfigData[item.name]"
+      @change="drivreConfigChange($event,item.name)"
+      ></el-input>
+    </el-form-item>
+    <!-- input-number 数字输入框-->
+    <el-form-item :label="item.label"  v-if="item.type == 'input-number'" :rules="[{required:item.required}]">
+      <el-input-number
+      style="width:100%"
+      :min="1"
+      :label="item.label"
+      v-model.trim="ConfigData[item.name]"
+      @change="drivreConfigChange($event,item.name)"
+      ></el-input-number>
+    </el-form-item>
+    <!-- select 下拉 显示给定的值-->
+    <el-form-item :label="item.label" v-if="item.type == 'select'" :rules="[{required:item.required}]">
+      <el-select @change="drivreConfigChange($event,item.name)" v-model="ConfigData[item.name]" :placeholder="item.placeholder" style="width:100%">
+        <el-option
+          v-for="option in item.options"
+          :key="option.value"
+          :label="option.label"
+          :value="option.value">
+        </el-option>
+      </el-select>
+    </el-form-item>
+    <!-- select-code 下拉 直接取字典值 -->
+    <el-form-item :label="item.label" v-if="item.type == 'code-select'" :rules="[{required:item.required}]">
+      <code-select v-model="ConfigData[item.name]" :inputName="item.name"  :dictname="item.dictname" mystyle="width: 100%;" placeholder="请选择" @changed="drivreConfigChange($event,item.name)" />
+    </el-form-item>
+    <!-- textarea 文本框-->
+    <el-form-item :label="item.label" v-if="item.type == 'textarea'" :rules="[{required:item.required}]">
+      <el-input 
+        type="textarea"
+        clearable
+        autosize
+        :placeholder="item.placeholder" 
+        v-model="ConfigData[item.name]"
+        @change="drivreConfigChange($event,item.name)"
+      ></el-input>
+    </el-form-item>
+    <!-- checkbox  多选框 -->
+    <el-form-item :label="item.label" v-if="item.type == 'checkbox-group'" :rules="[{required:item.required}]">
+      <el-checkbox-group v-model="ConfigData[item.name]" @change="drivreConfigChange($event,item.name)">
+        <el-checkbox v-for="(option,index) in item.options" :key="index" :label="option">{{option}}</el-checkbox>
+      </el-checkbox-group>
+    </el-form-item>
+    <!-- radio  单选框 -->
+    <el-form-item :label="item.label" v-if="item.type == 'radio-group'" :rules="[{required:item.required}]">
+      <el-radio-group v-model="ConfigData[item.name]" @change="drivreConfigChange($event,item.name)">
+        <el-radio v-for="(option,index) in item.options" :key="index" :label="option">{{option}}</el-radio>
+      </el-radio-group>
+    </el-form-item>
+    <!-- 文件上传 -->
+    <el-form-item :label="item.label" v-if="item.type == 'upload'" :rules="[{required:item.required}]" class="elForm">
+      <el-upload
+        :action="uploadUrl"
+        list-type="picture-card"
+        :on-preview="handlePictureCardPreview"
+        :on-success="(response, file, fileList) => handleSuccess(response, file, fileList, item.name)"
+        :on-remove="(file, fileList) => handleRemove(file, fileList, item.name)"
+        :class="ConfigData[item.name]?'hide_box':''"
+        :file-list="ConfigData[item.name] | imgFilter"
+        :limit="1"
+        >
+        <i class="el-icon-plus"></i>
+      </el-upload>
+      <el-dialog :visible.sync="dialogVisible">
+        <img width="100%" :src="dialogImageUrl" alt="">
+      </el-dialog>
+    </el-form-item>
+  </span>
+</template>
+
+<script>
+import CodeSelect from "@/components/codeSelect.vue";
+import axios from 'axios';
+export default {
+  props: {
+    value: {
+      type: [Object, String],
+      required: true,
+      default:()=>{}
+    },
+    // element 单个组件信息值
+    item:{
+      type:Object,
+      required: true,
+      default:()=>{}
+    }
+  },
+  components:{
+    CodeSelect
+  },
+  data () {
+    return {
+      // inputVals:[],
+      ConfigData:{
+        payType: []
+      },    // 要传递出去的数据
+      formItemsArr: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      // fileList: [],
+      uploadUrl: axios.defaults.baseURL + '/auth-service/file/upload'
+    }
+  },
+  watch: {
+    value(newValue, oldValue) {
+      // console.log(newValue,"newValue");
+      this.ConfigData = newValue
+    },
+    item(val){
+      console.log(val, 'item233');
+    }
+  },
+  computed: {},
+  filters: {
+    imgFilter(val){
+      if(val) {
+        return [{url: val}]
+      }
+    }
+  },
+  methods: {
+    // 上传成功的回调
+    handleSuccess(response, file, fileList, imgName) {
+      let fileListArr = []
+      fileList.forEach(el => {
+        if(el) {
+          fileListArr.push(el.response.repData)
+        }
+      })
+      this.drivreConfigChange(fileListArr.join(','), imgName)
+    },
+    // 移除图片的回调
+    handleRemove(file, fileList, imgName) {
+      console.log(imgName)
+      this.ConfigData[imgName] = ""
+    },
+    // 预览图片
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    // 无论哪个输入框改变 都需要触发事件 将值回传
+    drivreConfigChange(val,key){
+      const {ConfigData}  = this
+      // console.log(val,key,"方法方法付付");
+      // 针对type是下拉框的处理
+      if (val.extend) {
+        this.$set(ConfigData,key,val.value);
+      }else{
+        this.$set(ConfigData,key,val);
+      }
+      this.$emit('input', ConfigData) 
+      this.$emit('eachChange', ConfigData)
+    },
+
+    //重新选择了 数据连接类型 就重置输入框的值
+    clearInput(){
+      // this.inputVals.forEach((item,index,arr) => this.$set(arr,index,''));
+      // 清空 对象
+      let obj = this.ConfigData
+      Object.keys(obj).forEach(key => {
+        if (obj[key]) obj[key] = "";
+      });
+
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.elForm /deep/ .el-upload--picture-card{
+  width: 80px;
+  height: 80px;
+  line-height: 83px;
+}
+.elForm /deep/ .el-upload-list__item {
+  width: 80px;
+  height: 80px;
+}
+.hide_box /deep/ .el-upload--picture-card{
+  display: none;
+}
+</style>
\ No newline at end of file
diff --git a/report-ui/src/components/verifition/Verify.vue b/report-ui/src/components/verifition/Verify.vue
new file mode 100644
index 00000000..9c6f32bd
--- /dev/null
+++ b/report-ui/src/components/verifition/Verify.vue
@@ -0,0 +1,465 @@
+<template>
+<div :class="mode=='pop'?'mask':''"  v-show="showBox">
+    <div :class="mode=='pop'?'verifybox':''" :style="{'max-width':parseInt(imgSize.width)+30+'px'}">
+        <div class="verifybox-top"  v-if="mode=='pop'">
+            请完成安全验证
+            <span class="verifybox-close" @click="closeBox">
+                <i class="iconfont icon-close"></i>
+            </span>
+        </div>
+        <div class="verifybox-bottom" :style="{padding:mode=='pop'?'15px':'0'}">
+            <!-- 验证码容器 -->
+            <components v-if="componentType"
+                        :is="componentType"
+                        :captchaType="captchaType"
+                        :type="verifyType"
+                        :figure="figure"
+                        :arith="arith"
+                        :mode="mode"
+                        :vSpace="vSpace"
+                        :explain="explain"
+                        :imgSize="imgSize"
+                        :blockSize="blockSize"
+                        :barSize="barSize"
+                        ref="instance"></components>
+        </div>
+    </div>
+</div>
+</template>
+<script type="text/babel">
+    /**
+     * Verify 验证码组件
+     * @description 分发验证码使用
+     * */
+    import VerifySlide from './Verify/VerifySlide'
+    import VerifyPoints from './Verify/VerifyPoints'
+
+    export default {
+        name: 'Vue2Verify',
+        props: {
+            // 双语化
+            locale: {
+                require: false,
+                type: String,
+                default() {
+                    // 默认语言不输入为浏览器语言
+                    if (navigator.language) {
+                        var language = navigator.language;
+                    }
+                    else {
+                        var language = navigator.browserLanguage;
+                    }
+                    return language
+                }
+            },
+            captchaType:{
+                type:String,
+                required:true
+            },
+            figure: {
+                type: Number
+            },
+            arith: {
+                type: Number
+            },
+            mode: {
+                type: String,
+                default:'pop'
+            },
+            vSpace: {
+                type: Number
+            },
+            explain: {
+                type: String
+            },
+            imgSize: {
+                type: Object,
+                default() {
+                    return {
+                        width: '310px',
+                        height: '155px'
+                    }
+                }
+            },
+            blockSize: {
+                type: Object
+            },
+            barSize: {
+                type: Object
+            },
+        },
+        data() {
+            return {
+                // showBox:true,
+                clickShow:false,
+                // 内部类型
+                verifyType: undefined,
+                // 所用组件类型
+                componentType: undefined
+            }
+        },
+        methods: {
+            /**
+             * i18n
+             * @description 兼容vue-i18n 调用$t来转换ok
+             * @param {String} text-被转换的目标
+             * @return {String} i18n的结果
+             * */
+            i18n(text) {
+                if (this.$t) {
+                    return this.$t(text)
+                } else {
+                    // 兼容不存在的语言
+                    let i18n = this.$options.i18n.messages[this.locale] || this.$options.i18n.messages['en-US']
+                    return i18n[text]
+                }
+            },
+            /**
+             * refresh
+             * @description 刷新
+             * */
+            refresh() {
+                if (this.instance.refresh) {
+                    this.instance.refresh()
+                }
+            },
+            closeBox(){
+                this.clickShow = false
+                this.refresh();
+            },
+            show(){
+                if (this.mode=="pop") {
+                    this.clickShow = true;
+                }
+            }
+        },
+        computed: {
+            instance() {
+                return this.$refs.instance || {}
+            },
+            showBox(){
+                if (this.mode=='pop') {
+                    return this.clickShow
+                }else{
+                    return true;
+                }
+            }
+        },
+        watch: {
+            captchaType:{
+                immediate: true,
+                handler(captchaType) {
+                    switch (captchaType.toString()) {
+                        case 'blockPuzzle':
+                            this.verifyType = '2'
+                            this.componentType = 'VerifySlide'
+                            break
+                        case 'clickWord':
+                            this.verifyType = ''
+                            this.componentType = 'VerifyPoints'
+                            break
+                    }
+                }
+            },
+        },
+        components: {
+            VerifySlide,
+            VerifyPoints
+        },
+    }
+</script>
+<style>
+    .verifybox{
+        position: relative;
+        box-sizing: border-box;
+        border-radius: 2px;
+        border: 1px solid #e4e7eb;
+        background-color: #fff;
+        box-shadow: 0 0 10px rgba(0,0,0,.3);
+        left: 50%;
+        top:50%;
+        transform: translate(-50%,-50%);
+    }
+    .verifybox-top{
+        padding: 0 15px;
+        height: 50px;
+        line-height: 50px;
+        text-align: left;
+        font-size: 16px;
+        color: #45494c;
+        border-bottom: 1px solid #e4e7eb;
+        box-sizing: border-box;
+    }
+    .verifybox-bottom{
+        padding: 15px;
+        box-sizing: border-box;
+    }
+    .verifybox-close{
+        position: absolute;
+        top: 13px;
+        right: 9px;
+        width: 24px;
+        height: 24px;
+        text-align: center;
+        cursor: pointer;
+    }
+    .mask{
+        position: fixed;
+        top: 0;
+        left:0;
+        z-index: 1001;
+        width: 100%;
+        height: 100vh;
+        background: rgba(0,0,0,.3);
+        /* display: none; */
+        transition: all .5s;
+    }
+    .verify-tips{
+        position: absolute;
+        left: 0px;
+        bottom:0px;
+        width: 100%;
+        height: 30px;
+        line-height:30px;
+        color: #fff;
+    }
+    .suc-bg{
+       background-color:rgba(92, 184, 92,.5);  
+       filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C);
+    }
+    .err-bg{
+       background-color:rgba(217, 83, 79,.5);  
+       filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fD9534F, endcolorstr=#7fD9534F);
+    }
+    .tips-enter,.tips-leave-to{
+        bottom: -30px;
+    }
+    .tips-enter-active,.tips-leave-active{
+        transition: bottom .5s;
+    }
+    /* ---------------------------- */
+    /*常规验证码*/
+    .verify-code {
+        font-size: 20px;
+        text-align: center;
+        cursor: pointer;
+        margin-bottom: 5px;
+        border: 1px solid #ddd;
+    }
+
+    .cerify-code-panel {
+        height: 100%;
+        overflow: hidden;
+    }
+
+    .verify-code-area {
+        float: left;
+    }
+
+    .verify-input-area {
+        float: left;
+        width: 60%;
+        padding-right: 10px;
+
+    }
+
+    .verify-change-area {
+        line-height: 30px;
+        float: left;
+    }
+
+    .varify-input-code {
+        display: inline-block;
+        width: 100%;
+        height: 25px;
+    }
+
+    .verify-change-code {
+        color: #337AB7;
+        cursor: pointer;
+    }
+
+    .verify-btn {
+        width: 200px;
+        height: 30px;
+        background-color: #337AB7;
+        color: #FFFFFF;
+        border: none;
+        margin-top: 10px;
+    }
+    
+    
+    /*滑动验证码*/
+    .verify-bar-area {
+        position: relative;
+        background: #FFFFFF;
+        text-align: center;
+        -webkit-box-sizing: content-box;
+        -moz-box-sizing: content-box;
+        box-sizing: content-box;
+        border: 1px solid #ddd;
+        -webkit-border-radius: 4px;
+    }
+
+    .verify-bar-area .verify-move-block {
+        position: absolute;
+        top: 0px;
+        left: 0;
+        background: #fff;
+        cursor: pointer;
+        -webkit-box-sizing: content-box;
+        -moz-box-sizing: content-box;
+        box-sizing: content-box;
+        box-shadow: 0 0 2px #888888;
+        -webkit-border-radius: 1px;
+    }
+
+    .verify-bar-area .verify-move-block:hover {
+        background-color: #337ab7;
+        color: #FFFFFF;
+    }
+
+    .verify-bar-area .verify-left-bar {
+        position: absolute;
+        top: -1px;
+        left: -1px;
+        background: #f0fff0;
+        cursor: pointer;
+        -webkit-box-sizing: content-box;
+        -moz-box-sizing: content-box;
+        box-sizing: content-box;
+        border: 1px solid #ddd;
+    }
+
+    .verify-img-panel {
+        margin: 0;
+        -webkit-box-sizing: content-box;
+        -moz-box-sizing: content-box;
+        box-sizing: content-box;
+        border-top: 1px solid #ddd;
+        border-bottom: 1px solid #ddd;
+        border-radius: 3px;
+        position: relative;
+    }
+
+    .verify-img-panel .verify-refresh {
+        width: 25px;
+        height: 25px;
+        text-align: center;
+        padding: 5px;
+        cursor: pointer;
+        position: absolute;
+        top: 0;
+        right: 0;
+        z-index: 2;
+    }
+
+    .verify-img-panel .icon-refresh {
+        font-size: 20px;
+        color: #fff;
+    }
+
+    .verify-img-panel .verify-gap {
+        background-color: #fff;
+        position: relative;
+        z-index: 2;
+        border: 1px solid #fff;
+    }
+
+    .verify-bar-area .verify-move-block .verify-sub-block {
+        position: absolute;
+        text-align: center;
+        z-index: 3;
+        /* border: 1px solid #fff; */
+    }
+
+    .verify-bar-area .verify-move-block .verify-icon {
+        font-size: 18px;
+    }
+
+    .verify-bar-area .verify-msg {
+        z-index: 3;
+    }
+
+    /*字体图标的css*/
+    /*@font-face {font-family: "iconfont";*/
+    /*src: url('../fonts/iconfont.eot?t=1508229193188'); !* IE9*!*/
+    /*src: url('../fonts/iconfont.eot?t=1508229193188#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
+    /*url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),*/
+    /*url('../fonts/iconfont.ttf?t=1508229193188') format('truetype'), !* chrome, firefox, opera, Safari, Android, iOS 4.2+*!*/
+    /*url('../fonts/iconfont.svg?t=1508229193188#iconfont') format('svg'); !* iOS 4.1- *!*/
+    /*}*/
+
+    .iconfont {
+        font-family: "iconfont" !important;
+        font-size: 16px;
+        font-style: normal;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+    }
+
+    .icon-check:before {
+        content: " ";
+        display: block;
+        width: 16px;
+        height: 16px;
+        position: absolute;
+        margin: auto;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 9999;
+        background-image: url("data:image/png;base64,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");
+        background-size: contain;
+    }
+
+    .icon-close:before {
+        content: " ";
+        display: block;
+        width: 16px;
+        height: 16px;
+        position: absolute;
+        margin: auto;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 9999;
+        background-image: url("data:image/png;base64,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");
+        background-size: contain;
+    }
+
+    .icon-right:before {
+        content: " ";
+        display: block;
+        width: 16px;
+        height: 16px;
+        position: absolute;
+        margin: auto;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        background-size: cover;
+        z-index: 9999;
+        background-image: url("data:image/png;base64,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");
+        background-size: contain;
+    }
+
+    .icon-refresh:before {
+        content: " ";
+        display: block;
+        width: 16px;
+        height: 16px;
+        position: absolute;
+        margin: auto;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 9999;
+        background-image: url("data:image/png;base64,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");
+        background-size: contain;
+    }
+</style>
diff --git a/report-ui/src/components/verifition/Verify/VerifyPoints.vue b/report-ui/src/components/verifition/Verify/VerifyPoints.vue
new file mode 100644
index 00000000..5fd915c4
--- /dev/null
+++ b/report-ui/src/components/verifition/Verify/VerifyPoints.vue
@@ -0,0 +1,245 @@
+<template>
+    <div style="position: relative"
+        >
+        <div class="verify-img-out">
+            <div class="verify-img-panel" :style="{'width': setSize.imgWidth,
+                                                   'height': setSize.imgHeight,
+                                                   'background-size' : setSize.imgWidth + ' '+ setSize.imgHeight,
+                                                   'margin-bottom': vSpace + 'px'}"
+                                                    >
+                <div class="verify-refresh" style="z-index:3" @click="refresh" v-show="showRefresh">
+                    <i class="iconfont icon-refresh"></i>
+                </div>
+                <img :src="'data:image/png;base64,'+pointBackImgBase" 
+                ref="canvas"
+                alt=""  style="width:100%;height:100%;display:block"
+                @click="bindingClick?canvasClick($event):undefined">
+
+                <div v-for="(tempPoint, index) in tempPoints" :key="index" class="point-area"
+                     :style="{
+                        'background-color':'#1abd6c',
+                        color:'#fff',
+                        'z-index':9999,
+                        width:'20px',
+                        height:'20px',
+                        'text-align':'center',
+                        'line-height':'20px',
+                        'border-radius': '50%',
+                        position:'absolute',
+                        top:parseInt(tempPoint.y-10) + 'px',
+                        left:parseInt(tempPoint.x-10) + 'px'
+                     }">
+                    {{index + 1}}
+                </div>
+            </div>
+        </div>
+        <!-- 'height': this.barSize.height, -->
+        <div class="verify-bar-area"
+             :style="{'width': setSize.imgWidth,
+                      'color': this.barAreaColor,
+                      'border-color': this.barAreaBorderColor,
+                      'line-height':this.barSize.height}">
+            <span class="verify-msg">{{text}}</span>
+        </div>
+    </div>
+</template>
+<script type="text/babel">
+    /**
+     * VerifyPoints
+     * @description 点选
+     * */
+    import {resetSize, _code_chars, _code_color1, _code_color2} from './../utils/util'
+    import {aesEncrypt} from "./../utils/ase"
+    import {reqGet,reqCheck}  from "./../api/index"
+
+    export default {
+        name: 'VerifyPoints',
+        props: {
+            //弹出式pop，固定fixed
+            mode: {
+                type: String,
+                default: 'fixed'
+            },
+            captchaType:{
+                type:String,
+            },
+            //间隔
+            vSpace: {
+                type: Number,
+                default: 5
+            },
+            imgSize: {
+                type: Object,
+                default() {
+                    return {
+                        width: '310px',
+                        height: '155px'
+                    }
+                }
+            },
+            barSize: {
+                type: Object,
+                default() {
+                    return {
+                        width: '310px',
+                        height: '40px'
+                    }
+                }
+            }
+        },
+        data() {
+            return {
+                secretKey:'',           //后端返回的ase加密秘钥
+                checkNum:3,             //默认需要点击的字数
+                fontPos: [],            //选中的坐标信息
+                checkPosArr: [],        //用户点击的坐标
+                num: 1,                 //点击的记数
+                pointBackImgBase:'',    //后端获取到的背景图片
+                poinTextList:[],        //后端返回的点击字体顺序
+                backToken:'',           //后端返回的token值
+                setSize: {
+                    imgHeight: 0,
+                    imgWidth: 0,
+                    barHeight: 0,
+                    barWidth: 0
+                },
+                tempPoints: [],
+                text: '',
+                barAreaColor: undefined,
+                barAreaBorderColor: undefined,
+                showRefresh: true,
+                bindingClick: true
+            }
+        },
+        computed: {
+            resetSize() {
+                return resetSize
+            }
+        },
+        methods: {
+            init() {
+                //加载页面
+                this.fontPos.splice(0, this.fontPos.length)
+                this.checkPosArr.splice(0, this.checkPosArr.length)
+                this.num = 1
+                this.getPictrue();
+                this.$nextTick(() => {
+                    this.setSize = this.resetSize(this)	//重新设置宽度高度
+                    this.$parent.$emit('ready', this)
+                })
+            },
+            canvasClick(e) {
+                this.checkPosArr.push(this.getMousePos(this.$refs.canvas, e));
+                if (this.num == this.checkNum) {
+                    this.num = this.createPoint(this.getMousePos(this.$refs.canvas, e));
+                    //按比例转换坐标值
+                    this.checkPosArr = this.pointTransfrom(this.checkPosArr,this.setSize);
+                    //等创建坐标执行完
+                    setTimeout(() => {
+                        // var flag = this.comparePos(this.fontPos, this.checkPosArr);
+                        //发送后端请求
+                        var captchaVerification = this.secretKey? aesEncrypt(this.backToken+'---'+JSON.stringify(this.checkPosArr),this.secretKey):this.backToken+'---'+JSON.stringify(this.checkPosArr)
+                        let data = {
+                            captchaType:this.captchaType,
+                            "pointJson":this.secretKey? aesEncrypt(JSON.stringify(this.checkPosArr),this.secretKey):JSON.stringify(this.checkPosArr),
+                            "token":this.backToken
+                        }
+                        reqCheck(data).then(res=>{
+                            if (res.repCode == "0000") {
+                                this.barAreaColor = '#4cae4c'
+                                this.barAreaBorderColor = '#5cb85c'
+                                this.text = '验证成功'
+                                this.bindingClick = false
+                                if (this.mode=='pop') {
+                                    setTimeout(()=>{
+                                        this.$parent.clickShow = false;
+                                        this.refresh();
+                                    },1500)
+                                }
+                                this.$parent.$emit('success', {captchaVerification})
+                            }else{
+                                this.$parent.$emit('error', this)
+                                this.barAreaColor = '#d9534f'
+                                this.barAreaBorderColor = '#d9534f'
+                                this.text = '验证失败'
+                                setTimeout(() => {
+                                    this.refresh();
+                                }, 700);
+                            }
+                        })
+                    }, 400);
+                }
+                if (this.num < this.checkNum) {
+                    this.num = this.createPoint(this.getMousePos(this.$refs.canvas, e));
+                }
+            },
+        
+            //获取坐标
+            getMousePos: function (obj, e) {
+                var x = e.offsetX 
+                var y = e.offsetY 
+                return {x, y}
+            },
+            //创建坐标点
+            createPoint: function (pos) {
+                this.tempPoints.push(Object.assign({}, pos))
+                return ++this.num;
+            },
+            refresh: function () {
+                this.tempPoints.splice(0, this.tempPoints.length)
+                this.barAreaColor = '#000'
+                this.barAreaBorderColor = '#ddd'
+                this.bindingClick = true
+                this.fontPos.splice(0, this.fontPos.length)
+                this.checkPosArr.splice(0, this.checkPosArr.length)
+                this.num = 1
+                this.getPictrue();
+                this.text = '验证失败'
+                this.showRefresh = true
+            },
+
+            // 请求背景图片和验证图片
+            getPictrue(){
+                let data = {
+                    captchaType:this.captchaType
+                }
+                reqGet(data).then(res=>{
+                    if (res.repCode == "0000") {
+                        this.pointBackImgBase = res.repData.originalImageBase64
+                        this.backToken = res.repData.token
+                        this.secretKey = res.repData.secretKey
+                        this.poinTextList = res.repData.wordList
+                        this.text = '请依次点击【' + this.poinTextList.join(",") + '】'
+                    }else{
+                        this.text = res.repMsg;
+                    }
+                })
+            },
+            //坐标转换函数
+            pointTransfrom(pointArr,imgSize){
+                var newPointArr = pointArr.map(p=>{
+                    let x = Math.round(310 * p.x/parseInt(imgSize.imgWidth)) 
+                    let y =Math.round(155 * p.y/parseInt(imgSize.imgHeight)) 
+                    return {x,y}
+                })
+                // console.log(newPointArr,"newPointArr");
+                return newPointArr
+            }
+        },
+        watch: {
+            // type变化则全面刷新
+            type: {
+                immediate: true,
+                handler() {
+                    this.init()
+                }
+            }
+        },
+        mounted() {
+            // 禁止拖拽
+            this.$el.onselectstart = function () {
+                return false
+            }
+        },
+    }
+</script>
\ No newline at end of file
diff --git a/report-ui/src/components/verifition/Verify/VerifySlide.vue b/report-ui/src/components/verifition/Verify/VerifySlide.vue
new file mode 100644
index 00000000..f3829a70
--- /dev/null
+++ b/report-ui/src/components/verifition/Verify/VerifySlide.vue
@@ -0,0 +1,348 @@
+<template>
+    <div style="position: relative;">
+        <div v-if="type === '2'" class="verify-img-out"
+             :style="{height: (parseInt(setSize.imgHeight) + vSpace) + 'px'}"
+            >
+            <div class="verify-img-panel" :style="{width: setSize.imgWidth,
+                                                   height: setSize.imgHeight,}">
+                <img :src="'data:image/png;base64,'+backImgBase" alt="" style="width:100%;height:100%;display:block">
+                <div class="verify-refresh" @click="refresh" v-show="showRefresh"><i class="iconfont icon-refresh"></i>
+                </div>
+                <transition name="tips">
+                    <span class="verify-tips" v-if="tipWords" :class="passFlag ?'suc-bg':'err-bg'">{{tipWords}}</span>
+                </transition>
+            </div>
+        </div>
+        <!-- 公共部分 -->
+        <div class="verify-bar-area" :style="{width: setSize.imgWidth,
+                                              height: barSize.height,
+                                              'line-height':barSize.height}">
+            <span class="verify-msg" v-text="text"></span>
+            <div class="verify-left-bar"
+                 :style="{width: (leftBarWidth!==undefined)?leftBarWidth: barSize.height, height: barSize.height, 'border-color': leftBarBorderColor, transaction: transitionWidth}">
+                <span class="verify-msg" v-text="finishText"></span>
+                <div class="verify-move-block"
+                     @touchstart="start"
+                     @mousedown="start"
+                     :style="{width: barSize.height, height: barSize.height, 'background-color': moveBlockBackgroundColor, left: moveBlockLeft, transition: transitionLeft}">
+                    <i :class="['verify-icon iconfont', iconClass]"
+                       :style="{color: iconColor}"></i>
+                    <div v-if="type === '2'"
+                         class="verify-sub-block"
+                         :style="{'width':Math.floor(parseInt(setSize.imgWidth)*47/310)+ 'px',
+                                  'height': setSize.imgHeight,
+                                  'top':'-' + (parseInt(setSize.imgHeight) + vSpace) + 'px',
+                                  'background-size': setSize.imgWidth + ' ' + setSize.imgHeight,
+                                  }">
+                         <img :src="'data:image/png;base64,'+blockBackImgBase" alt=""  style="width:100%;height:100%;display:block">
+                         </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script type="text/babel">
+    /**
+     * VerifySlide
+     * @description 滑块
+     * */
+    import {aesEncrypt} from "./../utils/ase"
+    import {resetSize} from './../utils/util'
+    import {reqGet,reqCheck}  from "./../api/index"
+
+    //  "captchaType":"blockPuzzle",
+    export default {
+        name: 'VerifySlide',
+        props: {
+            captchaType:{
+                type:String,
+            },
+            type: {
+                type: String,
+                default: '1'
+            },
+            //弹出式pop，固定fixed
+            mode: {
+                type: String,
+                default: 'fixed'
+            },
+            vSpace: {
+                type: Number,
+                default: 5
+            },
+            explain: {
+                type: String,
+                default: '向右滑动完成验证'
+            },
+            imgSize: {
+                type: Object,
+                default() {
+                    return {
+                        width: '310px',
+                        height: '155px'
+                    }
+                }
+            },
+            blockSize: {
+                type: Object,
+                default() {
+                    return {
+                        width: '50px',
+                        height: '50px'
+                    }
+                }
+            },
+            barSize: {
+                type: Object,
+                default() {
+                    return {
+                        width: '310px',
+                        height: '40px'
+                    }
+                }
+            }
+        },
+        data() {
+            return {
+                secretKey:'',        //后端返回的加密秘钥 字段
+                passFlag:'',         //是否通过的标识
+                backImgBase:'',      //验证码背景图片
+                blockBackImgBase:'', //验证滑块的背景图片
+                backToken:"",        //后端返回的唯一token值
+                startMoveTime:"",    //移动开始的时间
+                endMovetime:'',      //移动结束的时间
+                tipsBackColor:'',    //提示词的背景颜色
+                tipWords:'',
+                text: '',
+                finishText:'',
+                setSize: {
+                    imgHeight: 0,
+                    imgWidth: 0,
+                    barHeight: 0,
+                    barWidth: 0
+                },
+                top: 0,
+                left: 0,
+                moveBlockLeft: undefined,
+                leftBarWidth: undefined,
+                // 移动中样式
+                moveBlockBackgroundColor: undefined,
+                leftBarBorderColor: '#ddd',
+                iconColor: undefined,
+                iconClass: 'icon-right',
+                status: false,	    //鼠标状态
+                isEnd: false,		//是够验证完成
+                showRefresh: true,
+                transitionLeft: '',
+                transitionWidth: ''
+            }
+        },
+        computed: {
+            barArea() {
+                return this.$el.querySelector('.verify-bar-area')
+            },
+            resetSize() {
+                return resetSize
+            }
+        },
+        methods: {
+            init() {
+                this.text = this.explain
+                this.getPictrue();
+                this.$nextTick(() => {
+                    let setSize = this.resetSize(this)	//重新设置宽度高度
+                    for (let key in setSize) {
+                        this.$set(this.setSize, key, setSize[key])
+                    }
+                    this.$parent.$emit('ready', this)
+                })
+
+                var _this = this
+
+                window.removeEventListener("touchmove", function (e) {
+                    _this.move(e);
+                });
+                window.removeEventListener("mousemove", function (e) {
+                    _this.move(e);
+                });
+
+                //鼠标松开
+                window.removeEventListener("touchend", function () {
+                    _this.end();
+                });
+                window.removeEventListener("mouseup", function () {
+                    _this.end();
+                });
+
+                window.addEventListener("touchmove", function (e) {
+                    _this.move(e);
+                });
+                window.addEventListener("mousemove", function (e) {
+                    _this.move(e);
+                });
+
+                //鼠标松开
+                window.addEventListener("touchend", function () {
+                    _this.end();
+                });
+                window.addEventListener("mouseup", function () {
+                    _this.end();
+                });
+            },
+
+            //鼠标按下
+            start: function (e) {
+                e = e || window.event
+                if (!e.touches) {  //兼容PC端 
+                    var x = e.clientX;
+                } else {           //兼容移动端
+                    var x = e.touches[0].pageX;
+                }
+                this.startLeft =Math.floor(x - this.barArea.getBoundingClientRect().left);
+                this.startMoveTime = +new Date();    //开始滑动的时间
+                if (this.isEnd == false) {
+                    this.text = ''
+                    this.moveBlockBackgroundColor = '#337ab7'
+                    this.leftBarBorderColor = '#337AB7'
+                    this.iconColor = '#fff'
+                    e.stopPropagation();
+                    this.status = true;
+                }
+            },
+            //鼠标移动
+            move: function (e) {
+                e = e || window.event
+                if (this.status && this.isEnd == false) {
+                    if (!e.touches) {  //兼容PC端 
+                        var x = e.clientX;
+                    } else {           //兼容移动端
+                        var x = e.touches[0].pageX;
+                    }
+                    var bar_area_left = this.barArea.getBoundingClientRect().left;
+                    var move_block_left = x - bar_area_left //小方块相对于父元素的left值
+                    if (move_block_left >= this.barArea.offsetWidth - parseInt(parseInt(this.blockSize.width) / 2) - 2) {
+                        move_block_left = this.barArea.offsetWidth - parseInt(parseInt(this.blockSize.width) / 2) - 2;
+                    }
+                    if (move_block_left <= 0) {
+                        move_block_left = parseInt(parseInt(this.blockSize.width) / 2);
+                    }
+                    //拖动后小方块的left值
+                    this.moveBlockLeft = (move_block_left - this.startLeft) + "px"
+                    this.leftBarWidth = (move_block_left - this.startLeft) + "px"
+                }
+            },
+
+            //鼠标松开
+            end: function () {
+                this.endMovetime = +new Date(); 
+                var _this = this;
+                //判断是否重合
+                if (this.status && this.isEnd == false) {
+                    var moveLeftDistance = parseInt((this.moveBlockLeft || '').replace('px', ''));
+                    moveLeftDistance = moveLeftDistance * 310/ parseInt(this.setSize.imgWidth)
+                    let data = {
+                        captchaType:this.captchaType,
+                        "pointJson":this.secretKey ? aesEncrypt(JSON.stringify({x:moveLeftDistance,y:5.0}),this.secretKey):JSON.stringify({x:moveLeftDistance,y:5.0}),
+                        "token":this.backToken
+                    }
+                    reqCheck(data).then(res=>{
+                        if (res.repCode == "0000") {
+                            this.moveBlockBackgroundColor = '#5cb85c'
+                            this.leftBarBorderColor = '#5cb85c'
+                            this.iconColor = '#fff'
+                            this.iconClass = 'icon-check'
+                            this.showRefresh = false
+                            this.isEnd = true;   
+                            if (this.mode=='pop') {
+                                setTimeout(()=>{
+                                    this.$parent.clickShow = false;
+                                    this.refresh();
+                                },1500)
+                            }
+                            this.passFlag = true
+                            this.tipWords = `${((this.endMovetime-this.startMoveTime)/1000).toFixed(2)}s验证成功`
+                            var captchaVerification = this.secretKey ? aesEncrypt(this.backToken+'---'+JSON.stringify({x:moveLeftDistance,y:5.0}),this.secretKey):this.backToken+'---'+JSON.stringify({x:moveLeftDistance,y:5.0})
+                            this.$parent.$emit('success', {captchaVerification})
+                            setTimeout(()=>{
+                                this.tipWords = ""
+                                this.$parent.closeBox();
+                            },1000)
+                        }else{
+                            this.moveBlockBackgroundColor = '#d9534f'
+                            this.leftBarBorderColor = '#d9534f'
+                            this.iconColor = '#fff'
+                            this.iconClass = 'icon-close'
+                            this.passFlag = false
+                            setTimeout(function () {
+                                _this.refresh();
+                            }, 1000);
+                            this.$parent.$emit('error',this)
+                            this.tipWords = "验证失败"
+                            setTimeout(()=>{
+                                    this.tipWords = ""
+                            },1000)
+                        }
+                    })
+                    this.status = false;
+                }
+            },
+
+            refresh: function () {
+                this.showRefresh = true
+                this.finishText = ''
+
+                this.transitionLeft = 'left .3s'
+                this.moveBlockLeft = 0
+
+                this.leftBarWidth = undefined
+                this.transitionWidth = 'width .3s'
+
+                this.leftBarBorderColor = '#ddd'
+                this.moveBlockBackgroundColor = '#fff'
+                this.iconColor = '#000'
+                this.iconClass = 'icon-right'
+                this.isEnd = false
+
+                this.getPictrue()
+                setTimeout(() => {
+                    this.transitionWidth = ''
+                    this.transitionLeft = ''
+                    this.text = this.explain
+                }, 300)
+            },
+
+            // 请求背景图片和验证图片
+            getPictrue(){
+                let data = {
+                    captchaType:this.captchaType
+                }
+                reqGet(data).then(res=>{
+                    if (res.repCode == "0000") {
+                        this.backImgBase = res.repData.originalImageBase64
+                        this.blockBackImgBase = res.repData.jigsawImageBase64
+                        this.backToken = res.repData.token
+                        this.secretKey = res.repData.secretKey
+                    }else{
+                        this.tipWords = res.repMsg;
+                    }
+                })
+            },
+        },
+        watch: {
+            // type变化则全面刷新
+            type: {
+                immediate: true,
+                handler() {
+                    this.init()
+                }
+            }
+        },
+        mounted() {
+            // 禁止拖拽
+            this.$el.onselectstart = function () {
+                return false
+            }
+        },
+    }
+</script>
+
diff --git a/report-ui/src/components/verifition/api/index.js b/report-ui/src/components/verifition/api/index.js
new file mode 100644
index 00000000..faf1c36e
--- /dev/null
+++ b/report-ui/src/components/verifition/api/index.js
@@ -0,0 +1,27 @@
+/**
+ * 此处可直接引用自己项目封装好的 axios 配合后端联调
+ */
+
+
+// import request from "./../utils/axios"  //组件内部封装的axios
+import request from "@/api/axios.js"       //调用项目封装的axios
+
+//获取验证图片  以及token
+export function reqGet(data) {
+	return  request({
+        url: 'auth-service/user/captcha/get',
+        method: 'post',
+        data
+    })
+}
+
+//滑动或者点选验证
+export function reqCheck(data) {
+	return  request({
+        url: 'auth-service/user/captcha/check',
+        method: 'post',
+        data
+    })
+}
+
+
diff --git a/report-ui/src/components/verifition/utils/ase.js b/report-ui/src/components/verifition/utils/ase.js
new file mode 100644
index 00000000..4c1c5594
--- /dev/null
+++ b/report-ui/src/components/verifition/utils/ase.js
@@ -0,0 +1,11 @@
+import CryptoJS from 'crypto-js'
+/**
+ * @word 要加密的内容
+ * @keyWord String  服务器随机返回的关键字
+ *  */
+export function aesEncrypt(word,keyWord="XwKsGlMcdPMEhR1B"){
+  var key = CryptoJS.enc.Utf8.parse(keyWord);
+  var srcs = CryptoJS.enc.Utf8.parse(word);
+  var encrypted = CryptoJS.AES.encrypt(srcs, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
+  return encrypted.toString();
+}
diff --git a/report-ui/src/components/verifition/utils/axios.js b/report-ui/src/components/verifition/utils/axios.js
new file mode 100644
index 00000000..610d4032
--- /dev/null
+++ b/report-ui/src/components/verifition/utils/axios.js
@@ -0,0 +1,30 @@
+import axios from 'axios';
+
+axios.defaults.baseURL = process.env.BASE_API;
+
+const service = axios.create({
+  timeout: 40000,
+  headers: {
+    'X-Requested-With': 'XMLHttpRequest',
+    'Content-Type': 'application/json; charset=UTF-8'
+  },
+})
+service.interceptors.request.use(
+  config => {
+    return config
+  },
+  error => {
+    Promise.reject(error)
+  }
+)
+
+// response interceptor
+service.interceptors.response.use(
+  response => {
+    const res = response.data;
+    return res
+  },
+  error => {
+  }
+)
+export default service
diff --git a/report-ui/src/components/verifition/utils/util.js b/report-ui/src/components/verifition/utils/util.js
new file mode 100644
index 00000000..55f65d42
--- /dev/null
+++ b/report-ui/src/components/verifition/utils/util.js
@@ -0,0 +1,36 @@
+export function resetSize(vm) {
+    var img_width, img_height, bar_width, bar_height;	//图片的宽度、高度，移动条的宽度、高度
+
+    var parentWidth = vm.$el.parentNode.offsetWidth || window.offsetWidth
+    var parentHeight = vm.$el.parentNode.offsetHeight || window.offsetHeight
+
+    if (vm.imgSize.width.indexOf('%') != -1) {
+        img_width = parseInt(this.imgSize.width) / 100 * parentWidth + 'px'
+    } else {
+        img_width = this.imgSize.width;
+    }
+
+    if (vm.imgSize.height.indexOf('%') != -1) {
+        img_height = parseInt(this.imgSize.height) / 100 * parentHeight + 'px'
+    } else {
+        img_height = this.imgSize.height
+    }
+
+    if (vm.barSize.width.indexOf('%') != -1) {
+        bar_width = parseInt(this.barSize.width) / 100 * parentWidth + 'px'
+    } else {
+        bar_width = this.barSize.width
+    }
+
+    if (vm.barSize.height.indexOf('%') != -1) {
+        bar_height = parseInt(this.barSize.height) / 100 * parentHeight + 'px'
+    } else {
+        bar_height = this.barSize.height
+    }
+
+    return {imgWidth: img_width, imgHeight: img_height, barWidth: bar_width, barHeight: bar_height}
+}
+
+export const _code_chars = [1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
+export const _code_color1 = ['#fffff0', '#f0ffff', '#f0fff0', '#fff0f0']
+export const _code_color2 = ['#FF0033', '#006699', '#993366', '#FF9900', '#66CC66', '#FF33CC']
\ No newline at end of file
diff --git a/report-ui/src/extend.js b/report-ui/src/extend.js
new file mode 100644
index 00000000..6855f947
--- /dev/null
+++ b/report-ui/src/extend.js
@@ -0,0 +1,21 @@
+// 对Date的扩展，将 Date 转化为指定格式的String
+// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， 
+// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) 
+// 例子： 
+// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 
+// (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18 
+Date.prototype.Format = function (fmt) { //author: meizz 
+  var o = {
+      "M+": this.getMonth() + 1, //月份 
+      "d+": this.getDate(), //日 
+      "h+": this.getHours(), //小时 
+      "m+": this.getMinutes(), //分 
+      "s+": this.getSeconds(), //秒 
+      "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
+      "S": this.getMilliseconds() //毫秒 
+  };
+  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+  for (var k in o)
+  if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+  return fmt;
+}
\ No newline at end of file
diff --git a/report-ui/src/filter/index.js b/report-ui/src/filter/index.js
new file mode 100644
index 00000000..274751a2
--- /dev/null
+++ b/report-ui/src/filter/index.js
@@ -0,0 +1,88 @@
+import { setItem, getItem } from '@/utils/storage';
+
+// 字典
+export function basecode(value, dicName) {
+  if (value === undefined || value === null) {
+    return ''
+  }
+  if (dicName === undefined || dicName === null) {
+    return value
+  }
+
+  var basecode = JSON.parse(localStorage.getItem('queryForCodeSelect'))
+  var dictList = basecode[dicName]
+  var dictLabel = value
+  for (var i = 0; i < dictList.length; i++) {
+    var codeItem = dictList[i]
+    if(codeItem.value == value || codeItem.labelEng == value){
+      dictLabel = codeItem.label
+      break
+    }
+  }
+  return dictLabel;
+}
+
+
+// 根据字典值获取数据
+export function getDataByCode(keyCode) {
+  var dict = basecode[this.keyCode]
+  let list = []
+  for (var key in dict) {
+      list.push({
+          'value': key,
+          'text': dict[key]
+      })
+  }
+  return list
+}
+
+//保留两位小数
+export function fixed(value){
+var intVal = null;
+if(typeof value == 'string' && /^[0-9.]+$/.test(value)){
+  intVal = parseInt(value);
+}
+if(typeof value == 'number'){
+  intVal = value;
+}
+if(intVal == null){
+  return value;
+}else{
+  return (Math.round(value*100)/100).toFixed(2);
+}
+}
+
+// 时间戳转日期
+export function formatTimestamp(value) {
+  if (value == null) {
+    return ''
+  }
+  var date = new Date(value)
+  var y = date.getFullYear()
+  var m = date.getMonth() + 1
+  m = m < 10 ? ('0' + m) : m
+  var d = date.getDate()
+  d = d < 10 ? ('0' + d) : d
+  var h = date.getHours()
+  h = h < 10 ? ('0' + h) : h
+  var minute = date.getMinutes()
+  var second = date.getSeconds()
+  minute = minute < 10 ? ('0' + minute) : minute
+  second = second < 10 ? ('0' + second) : second
+  return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second
+}
+
+
+// 时间戳转日期
+export function formatDate(value) {
+  if (value == null) {
+    return ''
+  }
+  var date = new Date(value)
+  var y = date.getFullYear()
+  var m = date.getMonth() + 1
+  m = m < 10 ? ('0' + m) : m
+  var d = date.getDate()
+  d = d < 10 ? ('0' + d) : d
+  return y + '-' + m + '-' + d
+}
\ No newline at end of file
diff --git a/report-ui/src/main.js b/report-ui/src/main.js
new file mode 100644
index 00000000..51895c44
--- /dev/null
+++ b/report-ui/src/main.js
@@ -0,0 +1,37 @@
+import Vue from 'vue'
+
+// element-ui
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import 'normalize.css/normalize.css'// A modern alternative to CSS resets
+import '@/assets/styles/common.css'
+import '@/assets/styles/index.scss'// custome global css
+
+// app router vuex filter mixins
+import App from './App'
+import router from './router'
+import store from './store'
+import * as filter from './filter'
+import mixins from '@/mixins'
+
+// permission control
+import '@/permission'
+
+import '@/extend'
+
+// enable element zh-cn
+Vue.use(ElementUI, { zhLocale })
+
+// register global filter.
+Object.keys(filter).forEach(key => {
+  Vue.filter(key, filter[key])
+})
+
+// register global mixins.
+Vue.mixin(mixins)
+
+Vue.config.productionTip = false
+
+// create the app instance.
+new Vue({ el: '#app', router, store, render: h => h(App) })
diff --git a/report-ui/src/mixins/access.js b/report-ui/src/mixins/access.js
new file mode 100644
index 00000000..d23c8a75
--- /dev/null
+++ b/report-ui/src/mixins/access.js
@@ -0,0 +1,119 @@
+import { setItem, getItem } from '@/utils/storage';
+
+export default {
+  data() {
+    return {
+    }
+  },
+  computed: {
+    getUser: function(){
+      // var user = getItem('user');
+      var user =JSON.parse(localStorage.getItem('user')) 
+      if(user != null ){
+        return user;
+      }else{
+        return {};
+      }
+    },
+    isAdmin() {
+      if (this.getUser == null) {
+        return false
+      }
+      return this.getUser.userId === 1
+    },
+    opLoginName() {
+      return this.getUser == null ? '' : this.getUser.userName
+    },
+    opNikeName() {
+      return this.getUser == null ? '' : this.getUser.nikeName
+    },
+    opUserType() {
+      return this.getUser == null ? '' : this.getUser.userType
+    },
+    opAuthorities() {
+      return this.getUser == null ? [] : this.getUser.authorityWithOrgIds
+    }
+  },
+  created() {
+  },
+  mounted() {
+  },
+  destroyed() {
+  },
+  methods: {
+    hasPermission(permissionStr, orgIds) {
+      //判断用户权限列表是否为空
+			if (this.opAuthorities == null) {
+				return false
+      }
+      if(this.isAdmin){
+        return true;
+      }
+      if(permissionStr && permissionStr.indexOf('|') !== -1) {
+        let flag = false
+        let arr = permissionStr.split('|')
+        for(let i=0; i< arr.length; i++) {
+          let a = arr[i].replace(/(^\s*)|(\s*$)/g, "");
+          if (this.opAuthorities.hasOwnProperty(a)) {
+            flag = true
+          }
+        }
+        return flag
+      }
+      //登录用户没有某个操作权限
+      if (!this.opAuthorities.hasOwnProperty(permissionStr)) {
+				return false
+      }
+      //如果当前验证，不包含项目级别验证，直接返回
+      if (typeof(orgIds) == 'undefined' || orgIds == null) {
+        return true
+      } 
+      //验证登录用户是否有某个项目的有操作权限
+      var orgIdsHasPermission = this.opAuthorities[permissionStr]
+      //如果projectIds是个数字，只要验证登录用户是否有该项目的操作权限
+      if (typeof orgIds == 'number') {
+        if (orgIdsHasPermission.indexOf(orgIds) > -1) {
+          return true
+        }else{
+          return false
+        }
+      }else{
+        var result = false
+        for (var i in orgIdsHasPermission) {
+          var flag = orgIds.indexOf(orgIdsHasPermission[i]) > -1
+          if (flag) {
+            result = true
+          }
+        }
+        return result
+      }
+    },
+    //深拷贝
+    deepClone(obj){
+		  var temp = JSON.stringify(obj);
+		  return JSON.parse(temp);
+    },
+    
+		//从所有字典中，取某个字典的列表
+		getDict(dictname){
+			var basecode = JSON.parse(localStorage.getItem('queryForCodeSelect'));
+			var dictList = basecode[dictname]
+			return dictList;
+		},
+		//从某个字典的列表，获取某个字典对象
+		getDictCode(dictname, codeValue , value='value'){
+      //如果 codeValue传过来的是字符串 all 则字典数组返回
+			var dictList = this.getDict(dictname);
+			for (var i = 0; i < dictList.length; i++) {
+				var codeItem = dictList[i]
+				if(codeItem[value] == codeValue){
+					return codeItem;
+        }
+        if(codeValue =='all'){
+          return dictList
+        }
+			}
+			return {};
+		},
+  }
+}
diff --git a/report-ui/src/mixins/common.js b/report-ui/src/mixins/common.js
new file mode 100644
index 00000000..61fda6be
--- /dev/null
+++ b/report-ui/src/mixins/common.js
@@ -0,0 +1,90 @@
+export default {
+  data() {
+    return {
+    }
+  },
+  computed: {
+  },
+  created() {
+  },
+  mounted() {
+  },
+  destroyed() {
+  },
+  methods: {
+    goBack() {
+      this.$router.go(-1)
+    },
+    refresh() {
+      this.$router.go(0)
+    },
+    parseString(object) {
+      if (typeof object === 'undefined' || object == null) {
+        return ''
+      }
+      if (typeof object === 'number') {
+        return object.toString()
+      }
+      if (typeof object === 'boolean') {
+        return object.toString()
+      }
+      if (typeof object === 'object') {
+        return JSON.stringify(object)
+      }
+      return ''
+    },
+    isBlank(val) {
+      if (typeof val === 'undefined') {
+        return true
+      }
+      if (val == null || val === '') {
+        return true
+      }
+      return false
+    },
+		// 封装定制删除数组中的值
+		contains(a, obj) {
+			var i = a.length
+			while (i--) {
+				if (a[i] === obj) {
+					return i
+				}
+			}
+			return false
+		},
+		//获取url后边参数
+    getUrlKey: function(name) {
+			return (
+				decodeURIComponent(
+					(new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ''])[1].replace(
+						/\+/g,
+						'%20'
+					)
+				) || null
+			)
+    },
+    /**
+     * 
+     */
+    resetForm(data) {
+      let formKeys = Object.keys(data)
+      for (let k of formKeys) {
+        data[k] = null
+      }
+    },
+    sortArray(propertyName){
+      return function(object1,object2){
+        var value1 = object1[propertyName];
+        var value2 = object2[propertyName];
+        
+        if(value1 < value2){
+          return -1;
+        }else if(value1 > value2){
+          return 1;
+        }else{
+          return 0;
+        }
+      }
+    }
+  }
+}
diff --git a/report-ui/src/mixins/index.js b/report-ui/src/mixins/index.js
new file mode 100644
index 00000000..34de13f6
--- /dev/null
+++ b/report-ui/src/mixins/index.js
@@ -0,0 +1,7 @@
+import access from '@/mixins/access'
+import common from '@/mixins/common'
+import queryform from '@/mixins/queryform'
+
+export default {
+  mixins: [access, common, queryform]
+}
diff --git a/report-ui/src/mixins/queryform.js b/report-ui/src/mixins/queryform.js
new file mode 100644
index 00000000..39e0e97c
--- /dev/null
+++ b/report-ui/src/mixins/queryform.js
@@ -0,0 +1,111 @@
+import miment from 'miment'
+export default {
+  data() {
+    return {
+      // form select-input key
+      selectInput: {
+        keyname: '',
+        keyword: ''
+      },
+
+      //日期时间快捷选项
+      datetimeRangePickerOptions:{
+        shortcuts: [{
+          text: '今天',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date(new Date(new Date().getTime()).setHours(0, 0, 0, 0));
+            picker.$emit('pick', [start, end]);
+          }
+        },{
+          text: '昨天',
+          onClick(picker) {
+            const start=new Date(new Date(new Date().getTime()-24*60*60*1000).setHours(0, 0, 0, 0));
+            const end=new Date(new Date(new Date().getTime()-24*60*60*1000).setHours(23, 59, 59, 999));
+            picker.$emit('pick', [start, end]);
+          }
+        },{
+          text: '最近一周',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(miment().add(-1, 'ww').stamp());
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近一个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(miment().add(-1, 'MM').stamp());
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近三个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(miment().add(-3, 'MM').stamp());
+            picker.$emit('pick', [start, end]);
+          }
+        }],
+        // disabledDate(time){
+        //   return time.getTime() > Date.now() 
+        // }
+      }
+    }
+  },
+  computed: {
+  },
+  created() {
+  },
+  mounted() {
+  },
+  destroyed() {
+  },
+  methods: {
+    // 搜索重置搜索页码
+    search(){
+      this.params.currentPage=1;
+      this.queryByPage();
+    },
+    // 把selectInput中的值赋到params查询对象中
+    parseParamsBySelectInput(keyname, keyword) {
+      if (this.params === undefined || this.params === null) {
+        console.warn('query form must bind to params object in vue data')
+        return
+      }
+      // if (!this.params.hasOwnProperty(keyname)) {
+      //   console.warn('params has no field:' + keyname)
+      //   return
+      // }
+      if (keyword !== undefined ) {
+        this.params[keyname] = keyword.trim()
+      }
+    },
+    resetForm(data) {
+      let formKeys = Object.keys(data)
+      for (let k of formKeys) {
+        data[k] = null
+      }
+    },
+    handlerInputchange(val){
+      this.parseParamsBySelectInput(this.selectInput.keyname, val)
+    }
+  },
+  watch: {
+    'selectInput.keyname'(newVal, oldVal) {
+      this.resetForm(this.params)
+      this.params.currentPage = 1
+      this.params.pageSize = 10
+      this.parseParamsBySelectInput(newVal, this.selectInput.keyword)
+    },
+    'selectInput.keyword'(newVal, oldVal) {
+      if (!this.selectInput.keyname) return 
+      this.parseParamsBySelectInput(this.selectInput.keyname, newVal)
+    }
+    // 'selectInput.keyword'(newVal, oldVal) {
+    //   this.parseParamsBySelectInput(this.selectInput.keyname, newVal)
+    // }
+  }
+}
diff --git a/report-ui/src/permission.js b/report-ui/src/permission.js
new file mode 100644
index 00000000..4a72028d
--- /dev/null
+++ b/report-ui/src/permission.js
@@ -0,0 +1,53 @@
+import router from './router'
+import store from './store'
+import NProgress from 'nprogress' // Progress 进度条
+import 'nprogress/nprogress.css'// Progress 进度条样式
+import { setItem, getItem } from '@/utils/storage';
+
+export default router
+var whiteList = ['/login']
+//  判断是否需要登录权限 以及是否登录
+router.beforeEach((to, from, next) => {
+  
+  NProgress.start()
+  var token = getItem('token'); 
+  var accessUser = getItem('accessUser');
+  // 如果有token 
+  if (token) {
+    if (to.path == '/login') {
+      next('/index')
+      NProgress.done()
+    }else{
+      next()
+    }
+  // 如果没有token  
+  }else {
+    /* has no token */
+    console.log(token,to.meta)
+    if ((token == null || token == '' || token ==undefined || accessUser == {}) && (to.meta != null && to.meta.requireAuth == true)) { // 在免登录白名单，直接进入
+      next(`/login?redirect=${to.path}`) // 否则全部重定向到登录页
+      NProgress.done()
+    } else {
+      next()
+    }
+  }
+  // if (to.path == '/' || to.path == '/login') {
+  //   if (token != null && token != '' && accessUser != null && accessUser != {}) {
+  //     next('/index')
+  //     NProgress.done()
+  //   } else {
+  //     next()
+  //   }
+  // } else {
+  //   if ((token == null || token == '' || accessUser == {}) && (to.meta != null && to.meta.requireAuth == true)) {
+  //     next(`/login?redirect=${to.path}`) // 否则全部重定向到登录页
+  //     NProgress.done()
+  //   } else {
+  //     next()
+  //   }
+  // }
+})
+
+router.afterEach(() => {
+  NProgress.done() // 结束Progress
+})
diff --git a/report-ui/src/router/index.js b/report-ui/src/router/index.js
new file mode 100644
index 00000000..72554b2c
--- /dev/null
+++ b/report-ui/src/router/index.js
@@ -0,0 +1,70 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+// in development-env not use lazy-loading, because lazy-loading too many pages will cause webpack hot update too slow. so only in production use lazy-loading;
+// detail: https://panjiachen.github.io/vue-element-admin-site/#/lazy-loading
+
+Vue.use(Router)
+
+/* Layout */
+import Layout from '../views/layout/Layout'
+
+/**
+* hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
+* alwaysShow: true               if set true, will always show the root menu, whatever its child routes length
+*                                if not set alwaysShow, only more than one route under the children
+*                                it will becomes nested mode, otherwise not show the root menu
+* redirect: noredirect           if `redirect:noredirect` will no redirect in the breadcrumb
+* name:'router-name'             the name is used by <keep-alive> (must set!!!)
+* meta : {
+    title: 'title'               the name show in submenu and breadcrumb (recommend set)
+    icon: 'svg-name'             the icon show in the sidebar,
+    AuthKey: 'roleManage:find',      该页面进入的权限码
+    keepAlive: true,                  该页面需要缓存(注意: name值必须设置 与组件内部name 一致 配合isback属性)
+    isback :  false
+  }
+* AuthKey: 'roleManage:find'      该页面进入的权限码
+**/
+export const constantRouterMap = [
+  { path: '/login', component: () => import('@/views/login'), hidden: true },
+  {
+    path: '/helpCenList', component: () => import('@/views/helpCenList/list'), hidden: true,
+    children: [
+      { path: 'list', component: () => import('@/views/helpCenList/list-title'), hidden: true },
+      { path: 'detail', component: () => import('@/views/helpCenList/list-detail'), hidden: true },
+      { path: 'search', component: () => import('@/views/helpCenList/list-search'), hidden: true }
+    ]
+  },
+  {
+    path: '/index',
+    component: Layout,
+    redirect: '/access/accessAuthority',
+    name: '首页',
+    meta: { title: '首页1', icon: 'iconhome2' },
+    children: [
+      { path: '', name: 'accessUser', component: () => import('@/views/home/index'), meta: { title: '首页', icon: 'iconhome2', keepAlive: true, isBack: true } },
+    ]
+  },
+  {
+    path: '/report',
+    component: Layout,
+    redirect: '/report/datasource',
+    name: '报表管理',
+    meta: { title: '报表管理', icon: 'iconnavicon-ywcs' },
+    children: [
+      { path: 'datasource', name: 'datasource', component: () => import('@/views/report/datasource/index'), meta: { title: '数据源', icon: 'iconeventbridgexiaoxishijianzongxian', keepAlive: true, isBack: true } },
+      { path: 'resultset', name: 'resultset', component: () => import('@/views/report/resultset/index'), meta: { title: '数据集', icon: 'iconalikafkaxiaoxiduilieKafka', keepAlive: true, isBack: true } },
+      { path: 'report', name: 'reportIndex', component: () => import('@/views/report/report/index'), meta: { title: '报表管理', icon: 'iconnavicon-ywcs', keepAlive: true, isBack: true } },
+      { path: 'bigscreen', name: 'bigscreen', component: () => import('@/views/report/bigscreen/index'), meta: { title: '大屏报表', icon: 'iconchufaqipeizhi-hui', keepAlive: true, isBack: true } },
+      { path: 'excelreport', name: 'excelreport', component: () => import('@/views/report/excelreport/index'), meta: { title: '表格报表', icon: 'iconliebiao', keepAlive: true, isBack: true } },
+    ]
+  },
+  { path: '/404', component: () => import('@/views/404'), hidden: true },
+  { path: '*', redirect: '/index', hidden: true },
+]
+
+export default new Router({
+  // mode: 'history', //后端支持可开
+  scrollBehavior: () => ({ y: 0 }),
+  routes: constantRouterMap
+})
\ No newline at end of file
diff --git a/report-ui/src/store/actions.js b/report-ui/src/store/actions.js
new file mode 100644
index 00000000..529efbc2
--- /dev/null
+++ b/report-ui/src/store/actions.js
@@ -0,0 +1,6 @@
+
+const actions = {
+
+}
+
+export default actions
diff --git a/report-ui/src/store/getters.js b/report-ui/src/store/getters.js
new file mode 100644
index 00000000..4b53b480
--- /dev/null
+++ b/report-ui/src/store/getters.js
@@ -0,0 +1,10 @@
+import cacheView from "./modules/cachaView"
+
+const getters = {
+  sidebar: state => state.app.sidebar,
+  device: state => state.app.device,
+  token: state => state.user.token,
+  accessUser: state => state.user.accessUser,
+  cacheViews: state => state.cacheView.cacheViews
+}
+export default getters
diff --git a/report-ui/src/store/index.js b/report-ui/src/store/index.js
new file mode 100644
index 00000000..f011f382
--- /dev/null
+++ b/report-ui/src/store/index.js
@@ -0,0 +1,30 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import actions from './actions'
+import getters from './getters'
+import mutations from './mutations'
+import app from './modules/app'
+import user from './modules/user'
+import cacheView from './modules/cachaView'
+import help from './modules/help'
+
+Vue.use(Vuex)
+
+const initPlugin = store => {
+}
+
+const store = new Vuex.Store({
+  modules: {
+    app,
+    user,
+    cacheView,
+    help
+  },
+  state: { },
+  plugins: [initPlugin],
+  actions,
+  mutations,
+  getters
+})
+
+export default store
diff --git a/report-ui/src/store/modules/app.js b/report-ui/src/store/modules/app.js
new file mode 100644
index 00000000..f4872415
--- /dev/null
+++ b/report-ui/src/store/modules/app.js
@@ -0,0 +1,43 @@
+import Cookies from 'js-cookie'
+
+const app = {
+  state: {
+    sidebar: {
+      opened: !+Cookies.get('sidebarStatus'),
+      withoutAnimation: false
+    },
+    device: 'desktop'
+  },
+  mutations: {
+    TOGGLE_SIDEBAR: state => {
+      if (state.sidebar.opened) {
+        Cookies.set('sidebarStatus', 1)
+      } else {
+        Cookies.set('sidebarStatus', 0)
+      }
+      state.sidebar.opened = !state.sidebar.opened
+      state.sidebar.withoutAnimation = false
+    },
+    CLOSE_SIDEBAR: (state, withoutAnimation) => {
+      Cookies.set('sidebarStatus', 1)
+      state.sidebar.opened = false
+      state.sidebar.withoutAnimation = withoutAnimation
+    },
+    TOGGLE_DEVICE: (state, device) => {
+      state.device = device
+    }
+  },
+  actions: {
+    ToggleSideBar: ({ commit }) => {
+      commit('TOGGLE_SIDEBAR')
+    },
+    CloseSideBar({ commit }, { withoutAnimation }) {
+      commit('CLOSE_SIDEBAR', withoutAnimation)
+    },
+    ToggleDevice({ commit }, device) {
+      commit('TOGGLE_DEVICE', device)
+    }
+  }
+}
+
+export default app
diff --git a/report-ui/src/store/modules/cachaView.js b/report-ui/src/store/modules/cachaView.js
new file mode 100644
index 00000000..7ffd021c
--- /dev/null
+++ b/report-ui/src/store/modules/cachaView.js
@@ -0,0 +1,22 @@
+
+const cacheView = {
+  state: {
+    cacheViews: []
+  },
+
+  mutations: {
+    ADD_CACHEVIEW: (state, view) => {
+      if (state.cacheViews.includes(view.name)) return
+      if (view.meta && view.meta.keepAlive) {
+        state.cacheViews.push(view.name)
+      } 
+    }
+  },
+  actions: {
+    addCachedView({ commit }, view ) {
+      commit('ADD_CACHEVIEW', view)
+    }
+  }
+}
+
+export default cacheView
diff --git a/report-ui/src/store/modules/help.js b/report-ui/src/store/modules/help.js
new file mode 100644
index 00000000..5a5cc8e6
--- /dev/null
+++ b/report-ui/src/store/modules/help.js
@@ -0,0 +1,16 @@
+const help = {
+  state: {
+    id: 0,
+    val: '',
+    title: ''
+  },
+  mutations: {
+    setCategory(state, val) {
+      state.id = 0
+      state.val = val.value
+      state.title = val.label
+    }
+  }
+}
+
+export default help
\ No newline at end of file
diff --git a/report-ui/src/store/modules/user.js b/report-ui/src/store/modules/user.js
new file mode 100644
index 00000000..67f63262
--- /dev/null
+++ b/report-ui/src/store/modules/user.js
@@ -0,0 +1,75 @@
+import { login, logout } from '@/api/login'
+import { setToken, delToken, setAccessUser, delAccessUser } from '@/utils/auth'
+
+const user = {
+  state: {
+    token: '', // 登录后的token
+    accessUser: {} // 登录后的用户对象
+  },
+
+  mutations: {
+    SET_TOKEN: (state, token) => {
+      state.token = token
+      setToken(token)
+    },
+    SET_ACCESSUSER: (state, accessUser) => {
+      state.accessUser = accessUser
+      setAccessUser(accessUser)
+    }
+  },
+
+  actions: {
+    // 登录
+    Login({ commit }, userInfo) {
+      const userName = userInfo.userName.trim()
+      const password = userInfo.password.trim()
+      const captchaVerification = userInfo.captchaVerification.trim()
+      var data ={
+        userName, password,captchaVerification
+      }
+      return new Promise((resolve, reject) => {
+        login(data).then(response => {
+          const repCode = response.repCode
+          const repData = response.repData
+          if (repCode === '0000') {
+            commit('SET_TOKEN', repData.token)
+            commit('SET_ACCESSUSER', repData.accessUser)
+            resolve(response)
+          } else {
+            reject(response.repMsg)
+          }
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+
+    // 登出
+    LogOut({ commit, state }) {
+      return new Promise((resolve, reject) => {
+        logout(state.token).then(() => {
+          commit('SET_TOKEN', '')
+          commit('SET_ACCESSUSER', {})
+          delToken()
+          delAccessUser()
+          resolve()
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+
+    // 前端 登出
+    FedLogOut({ commit }) {
+      return new Promise(resolve => {
+        commit('SET_TOKEN', '')
+        commit('SET_ACCESSUSER', {})
+        delToken()
+        delAccessUser()
+        resolve()
+      })
+    }
+  }
+}
+
+export default user
diff --git a/report-ui/src/store/mutations.js b/report-ui/src/store/mutations.js
new file mode 100644
index 00000000..78f7a1fb
--- /dev/null
+++ b/report-ui/src/store/mutations.js
@@ -0,0 +1,5 @@
+const mutations = {
+
+}
+
+export default mutations
diff --git a/report-ui/src/utils/aes.js b/report-ui/src/utils/aes.js
new file mode 100644
index 00000000..5f264e1a
--- /dev/null
+++ b/report-ui/src/utils/aes.js
@@ -0,0 +1,12 @@
+import CryptoJS from 'crypto-js'
+export function aesEncrypt(word){
+  var key = CryptoJS.enc.Utf8.parse("BGxdEUOZkXka4HSj");
+  var srcs = CryptoJS.enc.Utf8.parse(word);
+  var encrypted = CryptoJS.AES.encrypt(srcs, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
+  return encrypted.toString();
+}
+export function aesDecrypt(word){
+  var key = CryptoJS.enc.Utf8.parse("BGxdEUOZkXka4HSj");
+  var decrypt = CryptoJS.AES.decrypt(word, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
+  return CryptoJS.enc.Utf8.stringify(decrypt).toString();
+}
diff --git a/report-ui/src/utils/auth.js b/report-ui/src/utils/auth.js
new file mode 100644
index 00000000..6d47041f
--- /dev/null
+++ b/report-ui/src/utils/auth.js
@@ -0,0 +1,24 @@
+import Cookies from 'js-cookie'
+
+const TokenKey = 'token'
+const AccessUserKey = 'accessUser'
+
+export function getToken() {
+  return Cookies.get(TokenKey)
+}
+export function setToken(token) {
+  return Cookies.set(TokenKey, token)
+}
+export function delToken() {
+  return Cookies.remove(TokenKey)
+}
+
+export function getAccessUser() {
+  return Cookies.getJSON(AccessUserKey)
+}
+export function setAccessUser(accessUser) {
+  return Cookies.set(AccessUserKey, accessUser)
+}
+export function delAccessUser() {
+  return Cookies.remove(AccessUserKey)
+}
diff --git a/report-ui/src/utils/common.js b/report-ui/src/utils/common.js
new file mode 100644
index 00000000..b828c136
--- /dev/null
+++ b/report-ui/src/utils/common.js
@@ -0,0 +1,47 @@
+export default {
+  timestamp2String: function (timestamp, fmt) {
+    if (timestamp == null) return;
+    if (fmt == null || fmt == '') fmt = 'yyyy-MM-dd hh:mm:ss';
+    var date = new Date(timestamp);
+    var o = {
+      "M+": date.getMonth() + 1, //月份   
+      "d+": date.getDate(), //日   
+      "h+": date.getHours(), //小时   
+      "m+": date.getMinutes(), //分   
+      "s+": date.getSeconds(), //秒   
+      "q+": Math.floor((date.getMonth() + 3) / 3), //季度   
+      "S": date.getMilliseconds() //毫秒   
+    };
+    if (/(y+)/.test(fmt))
+      fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
+    for (var k in o)
+      if (new RegExp("(" + k + ")").test(fmt))
+        fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+    return fmt;
+  },
+
+  secondsFormat: function (second) {
+    if (second == null || second == 0) {
+      return "0秒";
+    }
+    var day = Math.floor(second / (24 * 3600));
+    var hour = Math.floor((second - day * 24 * 3600) / 3600);
+    var minute = Math.floor((second - day * 24 * 3600 - hour * 3600) / 60);
+    var second = second - day * 24 * 3600 - hour * 3600 - minute * 60;
+
+    var result = "";
+    if (day > 0) {
+      result = result + day + "天";
+    }
+    if (hour > 0) {
+      result = result + hour + "时";
+    }
+    if (minute > 0) {
+      result = result + minute + "分";
+    }
+    if (second > 0) {
+      result = result + second + "秒";
+    }
+    return result;
+  }
+}
diff --git a/report-ui/src/utils/encrypted.js b/report-ui/src/utils/encrypted.js
new file mode 100644
index 00000000..44015c4e
--- /dev/null
+++ b/report-ui/src/utils/encrypted.js
@@ -0,0 +1,9 @@
+const md5 = require('js-md5')
+/**
+ * 密码加盐后MD5
+ * @param {HTMLElement} elm
+ *
+ */
+export function transPsw(val) {
+  return md5(val + 'gaea')
+}
diff --git a/report-ui/src/utils/index.js b/report-ui/src/utils/index.js
new file mode 100644
index 00000000..0cc42693
--- /dev/null
+++ b/report-ui/src/utils/index.js
@@ -0,0 +1,169 @@
+/**
+ * Created by jiachenpan on 16/11/18.
+ */
+
+export function parseTime (time, cFormat) {
+  if (arguments.length === 0) {
+    return null
+  }
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    if (('' + time).length === 10) time = parseInt(time) * 1000
+    date = new Date(time)
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
+    let value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
+    if (result.length > 0 && value < 10) {
+      value = '0' + value
+    }
+    return value || 0
+  })
+  return time_str
+}
+
+export function formatTime (time, option) {
+  time = +time * 1000
+  const d = new Date(time)
+  const now = Date.now()
+
+  const diff = (now - d) / 1000
+
+  if (diff < 30) {
+    return '刚刚'
+  } else if (diff < 3600) {
+    // less 1 hour
+    return Math.ceil(diff / 60) + '分钟前'
+  } else if (diff < 3600 * 24) {
+    return Math.ceil(diff / 3600) + '小时前'
+  } else if (diff < 3600 * 24 * 2) {
+    return '1天前'
+  }
+  if (option) {
+    return parseTime(time, option)
+  } else {
+    return (
+      d.getMonth() +
+      1 +
+      '月' +
+      d.getDate() +
+      '日' +
+      d.getHours() +
+      '时' +
+      d.getMinutes() +
+      '分'
+    )
+  }
+}
+
+export function isExternal (path) {
+  return /^(https?:|mailto:|tel:)/.test(path)
+}
+
+export function deepClone (source) {
+  if (!source && typeof source !== 'object') {
+    throw new Error('error arguments', 'shallowClone')
+  }
+  const targetObj = source.constructor === Array ? [] : {}
+  Object.keys(source).forEach(keys => {
+    if (source[keys] && typeof source[keys] === 'object') {
+      targetObj[keys] = deepClone(source[keys])
+    } else {
+      targetObj[keys] = source[keys]
+    }
+  })
+  return targetObj
+}
+
+function padLeftZero (str) {
+  return ('00' + str).substr(str.length)
+}
+
+/**
+ *  生成uuid
+ */
+export function getUUID () {
+  var d = new Date().getTime()
+  if (window.performance && typeof window.performance.now === 'function') {
+    d += performance.now() // use high-precision timer if available
+  }
+  var uuid = 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = (d + Math.random() * 16) % 16 | 0
+    d = Math.floor(d / 16)
+    return (c == 'x' ? r : (r & 0x3) | 0x8).toString(16)
+  })
+  return uuid
+}
+// crypto 加解密
+const CryptoJS = require('crypto-js') // 引用AES源码js
+
+const key = CryptoJS.enc.Utf8.parse('1234123412ABCDEF') // 十六位十六进制数作为密钥
+const iv = CryptoJS.enc.Utf8.parse('ABCDEF1234123412') // 十六位十六进制数作为密钥偏移量
+
+// 解密方法
+export function Decrypt (word) {
+  const encryptedHexStr = CryptoJS.enc.Hex.parse(word)
+  const srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr)
+  const decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 })
+  const decryptedStr = decrypt.toString(CryptoJS.enc.Utf8)
+  const inside = decryptedStr.toString()
+  const i = inside.substr(-32)
+  return inside.split(i)[0]
+}
+
+// 加密方法
+export function Encrypt (word) {
+  const srcs = CryptoJS.enc.Utf8.parse(word + getUUID())
+  const encrypted = CryptoJS.AES.encrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 })
+  return encrypted.ciphertext.toString().toUpperCase()
+}
+
+/**
+ * 导出文件接口请求后的的公用方法
+ * res 请求后返回的response
+ * fileName 文件名
+ */
+export function downloadBlob (res, fileName) {
+  const blob = new Blob([res.data], {
+    type: 'application/vnd.ms-excel;charset=utf-8',
+  })
+  if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+    // ie
+    navigator.msSaveBlob(blob, fileName || '文件' + '.xlsx')
+  } else {
+    const link = document.createElement('a')
+    // let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'})
+    link.style.display = 'none'
+    link.href = URL.createObjectURL(blob)
+    fileName && (link.download = fileName + '.xlsx') // 下载的文件名
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link)
+  }
+}
+
+// 下载文件
+export function downloadFile (obj, name, suffix) {
+  const url = window.URL.createObjectURL(new Blob([obj]))
+  const link = document.createElement('a')
+  link.style.display = 'none'
+  link.href = url
+  const fileName = parseTime(new Date()) + '-' + name + '.' + suffix
+  link.setAttribute('download', fileName)
+  document.body.appendChild(link)
+  link.click()
+  document.body.removeChild(link)
+}
diff --git a/report-ui/src/utils/request.js b/report-ui/src/utils/request.js
new file mode 100644
index 00000000..7744512e
--- /dev/null
+++ b/report-ui/src/utils/request.js
@@ -0,0 +1,73 @@
+import axios from 'axios'
+import { Message, MessageBox } from 'element-ui'
+import store from '../store'
+import { getToken } from '@/utils/auth'
+
+// 创建axios实例
+const service = axios.create({
+  baseURL: process.env.BASE_API, // api 的 base_url
+  timeout: 5000 // 请求超时时间
+})
+
+// request拦截器
+service.interceptors.request.use(
+  config => {
+    if (store.getters.token) {
+      config.headers['X-Token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+    }
+    return config
+  },
+  error => {
+    // Do something with request error
+    console.log(error) // for debug
+    Promise.reject(error)
+  }
+)
+
+// response 拦截器
+service.interceptors.response.use(
+  response => {
+    /**
+     * code为非20000是抛错 可结合自己业务进行修改
+     */
+    const res = response.data
+    if (res.code !== 20000) {
+      Message({
+        message: res.message,
+        type: 'error',
+        duration: 5 * 1000
+      })
+
+      // 50008:非法的token; 50012:其他客户端登录了;  50014:Token 过期了;
+      if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
+        MessageBox.confirm(
+          '你已被登出，可以取消继续留在该页面，或者重新登录',
+          '确定登出',
+          {
+            confirmButtonText: '重新登录',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }
+        ).then(() => {
+          store.dispatch('FedLogOut').then(() => {
+            location.reload() // 为了重新实例化vue-router对象 避免bug
+          })
+        })
+      }
+      return Promise.reject('error')
+    } else {
+      return response.data
+    }
+  },
+  error => {
+    console.log('err' + error) // for debug
+    Message({
+      message: error.message,
+      type: 'error',
+      duration: 5 * 1000
+    })
+    return Promise.reject(error)
+  }
+)
+
+export default service
diff --git a/report-ui/src/utils/signUtil.js b/report-ui/src/utils/signUtil.js
new file mode 100644
index 00000000..85bbc548
--- /dev/null
+++ b/report-ui/src/utils/signUtil.js
@@ -0,0 +1,108 @@
+import md5 from 'js-md5';
+
+function jsonString (obj) {
+  if (isObject(obj)) {
+    return sortObjByKey(obj);
+  } else if (isArray(obj)) {
+    var sortArray = [];
+    for (var i = 0; i < obj.length; i++) {
+      if (isObject(obj[i])) {
+        sortArray.push(sortObjByKey(obj[i]));
+      } else {
+        return obj;
+      }
+    }
+    return sortArray;
+  } else {
+    return obj;
+  }
+}
+
+// 将通讯录按照 ABCD字母的顺序排序
+function sortObjByKey (obj) {
+  var keys = Object.keys(obj).sort();
+  var newObj = {}
+  for (var i = 0; i < keys.length; i++) {
+    var index = keys[i];
+    newObj[index] = jsonString(obj[index]);
+  }
+  return newObj;
+}
+
+
+//判断是否是数组
+function isArray (obj) {
+  return Object.prototype.toString.call(obj) === '[object Array]';
+}
+
+//判断是否是对象
+function isObject (obj) {
+  return Object.prototype.toString.call(obj) === '[object Object]';
+}
+
+export default {
+  /**
+   * 第一步，将data中参数，按key升序，排除null值，用&拼接，得tempSignStr
+   * 第二步，"time=%s&" + tempSignStr + "&token=%s"
+   * 第三步，md5(第二步结果)
+   */
+  sign: function (token, data) {
+    if (typeof (data) == "undefined" || data == null) {
+      data = {};
+    }
+    var gatewayRequest = {};//currentPage pageSize orderBy data  time token sign isFrom
+    var time = new Date().getTime();
+    //找出data中值非null的key，同时排除分页参数
+    //ignoreKeyList data中哪些key不参与签名
+    var dataKeyArray = [];
+    var excludeKeyArray = ['currentPage', 'pageSize', 'orderBy', 'ignoreKeyList'];
+    for (var key in data) {
+      if (data[key] == null) {
+        continue;
+      }
+      if (excludeKeyArray.indexOf(key) >= 0) {
+        gatewayRequest[key] = data[key];
+        delete data[key];
+        if (key === 'ignoreKeyList') {
+          //遍历ignoreKeyList，不参与签名校验
+          for (var i = 0; i < data[key].length; i++) {
+            delete data[data[key][i]];
+          }
+        }
+        continue;
+      }
+      dataKeyArray.push(key);
+    }
+    //将key按升序排列
+    dataKeyArray.sort();
+
+    //生成签名串"time=%s&" + tempSignStr + "&token=%s"
+    var tempSignStr = "time=" + time;
+    for (var i = 0; i < dataKeyArray.length; i++) {
+      var key = dataKeyArray[i];
+      var value = data[key];
+      tempSignStr += "&";
+      tempSignStr += key;
+      tempSignStr += "=";
+      tempSignStr += JSON.stringify(jsonString(value));
+    }
+    tempSignStr += "&token=";
+    tempSignStr += token;
+    var signStr = md5(tempSignStr);
+    gatewayRequest['data'] = data;
+    gatewayRequest['time'] = time;
+    gatewayRequest['token'] = token;
+    gatewayRequest['sign'] = signStr;
+    gatewayRequest['isFrom'] = "PC";
+    return gatewayRequest;
+  }
+
+}
+/**
+ * 密码加盐后MD5
+ * @param {HTMLElement} elm
+ *
+ */
+export function transPsw (val) {
+  return md5(val + 'gaea')
+}
diff --git a/report-ui/src/utils/storage.js b/report-ui/src/utils/storage.js
new file mode 100644
index 00000000..f7485593
--- /dev/null
+++ b/report-ui/src/utils/storage.js
@@ -0,0 +1,53 @@
+import Cookies from 'js-cookie'
+export function setItem(k, v) {
+  if(typeof(v) == "undefined" || v == null){
+    return;
+  }
+
+  var val = v;
+  if(typeof(v) == "object"){
+    val = JSON.stringify(v);
+  }
+  Cookies.set(k, val)
+  Cookies.get(k, val)
+}
+
+export function getItem(k) {
+  var val = Cookies.get(k);
+  try{
+    //如果是number boolean jsonstring是不会报错的
+    return JSON.parse(val);
+  }catch(e){
+    return val;
+  }
+}
+export function delItem(k) {
+  Cookies.remove(k);
+}
+
+
+
+export function setStorageItem(k, v) {
+  if(typeof(v) == "undefined" || v == null){
+    return;
+  }
+
+  var val = v;
+  if(typeof(v) == "object"){
+    val = JSON.stringify(v);
+  }
+  localStorage.setItem(k, val)
+}
+
+export function getStorageItem(k) {
+  var val = localStorage.getItem(k);
+  try{
+    //如果是number boolean jsonstring是不会报错的
+    return JSON.parse(val);
+  }catch(e){
+    return val;
+  }
+}
+export function delStorageItem(k) {
+  localStorage.removeItem(k);
+}
\ No newline at end of file
diff --git a/report-ui/src/utils/throttle.js b/report-ui/src/utils/throttle.js
new file mode 100644
index 00000000..68396b40
--- /dev/null
+++ b/report-ui/src/utils/throttle.js
@@ -0,0 +1,19 @@
+/**
+ * 函数节流
+ */
+export function _throttle(fn,delay){
+    let timer
+    var delay = delay || 1000;   //一秒内触发一次
+    return function(...args){
+        const context = this
+        let canExecute = !timer
+        if(canExecute){
+            fn.apply(context,args)
+        }else{
+            clearTimeout(timer)
+        }
+        timer = setTimeout(() => {
+            timer = null
+        }, delay);
+    }
+} 
\ No newline at end of file
diff --git a/report-ui/src/utils/validate.js b/report-ui/src/utils/validate.js
new file mode 100644
index 00000000..e1103104
--- /dev/null
+++ b/report-ui/src/utils/validate.js
@@ -0,0 +1,32 @@
+/**
+ * Created by jiachenpan on 16/11/18.
+ */
+
+export function isvalidUsername(str) {
+  const valid_map = ['admin', 'editor']
+  return valid_map.indexOf(str.trim()) >= 0
+}
+
+/* 合法uri*/
+export function validateURL(textval) {
+  const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
+  return urlregex.test(textval)
+}
+
+/* 小写字母*/
+export function validateLowerCase(str) {
+  const reg = /^[a-z]+$/
+  return reg.test(str)
+}
+
+/* 大写字母*/
+export function validateUpperCase(str) {
+  const reg = /^[A-Z]+$/
+  return reg.test(str)
+}
+
+/* 大小写字母*/
+export function validatAlphabets(str) {
+  const reg = /^[A-Za-z]+$/
+  return reg.test(str)
+}
diff --git a/report-ui/src/views/404.vue b/report-ui/src/views/404.vue
new file mode 100644
index 00000000..963bc6db
--- /dev/null
+++ b/report-ui/src/views/404.vue
@@ -0,0 +1,228 @@
+<template>
+  <div class="wscn-http404-container">
+    <div class="wscn-http404">
+      <div class="pic-404">
+        <img class="pic-404__parent" src="@/assets/images/404/404.png" alt="404">
+        <img class="pic-404__child left" src="@/assets/images/404/404_cloud.png" alt="404">
+        <img class="pic-404__child mid" src="@/assets/images/404/404_cloud.png" alt="404">
+        <img class="pic-404__child right" src="@/assets/images/404/404_cloud.png" alt="404">
+      </div>
+      <div class="bullshit">
+        <div class="bullshit__oops">OOPS!</div>
+        <div class="bullshit__info">版权所有
+          <a class="link-type" href="https://www.anji-plus.com" target="_blank">安吉加加</a>
+        </div>
+        <div class="bullshit__headline">{{ message }}</div>
+        <div class="bullshit__info">请检查您输入的网址是否正确，请点击以下按钮返回主页或者发送错误报告</div>
+        <a href="" class="bullshit__return-home">返回首页</a>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'Page404',
+  computed: {
+    message() {
+      return '网管说这个页面你不能进......'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.wscn-http404-container{
+  transform: translate(-50%,-50%);
+  position: absolute;
+  top: 40%;
+  left: 50%;
+}
+.wscn-http404 {
+  position: relative;
+  width: 1200px;
+  padding: 0 50px;
+  overflow: hidden;
+  .pic-404 {
+    position: relative;
+    float: left;
+    width: 600px;
+    overflow: hidden;
+    &__parent {
+      width: 100%;
+    }
+    &__child {
+      position: absolute;
+      &.left {
+        width: 80px;
+        top: 17px;
+        left: 220px;
+        opacity: 0;
+        animation-name: cloudLeft;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+      &.mid {
+        width: 46px;
+        top: 10px;
+        left: 420px;
+        opacity: 0;
+        animation-name: cloudMid;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1.2s;
+      }
+      &.right {
+        width: 62px;
+        top: 100px;
+        left: 500px;
+        opacity: 0;
+        animation-name: cloudRight;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+      @keyframes cloudLeft {
+        0% {
+          top: 17px;
+          left: 220px;
+          opacity: 0;
+        }
+        20% {
+          top: 33px;
+          left: 188px;
+          opacity: 1;
+        }
+        80% {
+          top: 81px;
+          left: 92px;
+          opacity: 1;
+        }
+        100% {
+          top: 97px;
+          left: 60px;
+          opacity: 0;
+        }
+      }
+      @keyframes cloudMid {
+        0% {
+          top: 10px;
+          left: 420px;
+          opacity: 0;
+        }
+        20% {
+          top: 40px;
+          left: 360px;
+          opacity: 1;
+        }
+        70% {
+          top: 130px;
+          left: 180px;
+          opacity: 1;
+        }
+        100% {
+          top: 160px;
+          left: 120px;
+          opacity: 0;
+        }
+      }
+      @keyframes cloudRight {
+        0% {
+          top: 100px;
+          left: 500px;
+          opacity: 0;
+        }
+        20% {
+          top: 120px;
+          left: 460px;
+          opacity: 1;
+        }
+        80% {
+          top: 180px;
+          left: 340px;
+          opacity: 1;
+        }
+        100% {
+          top: 200px;
+          left: 300px;
+          opacity: 0;
+        }
+      }
+    }
+  }
+  .bullshit {
+    position: relative;
+    float: left;
+    width: 300px;
+    padding: 30px 0;
+    overflow: hidden;
+    &__oops {
+      font-size: 32px;
+      font-weight: bold;
+      line-height: 40px;
+      color: #1482f0;
+      opacity: 0;
+      margin-bottom: 20px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-fill-mode: forwards;
+    }
+    &__headline {
+      font-size: 20px;
+      line-height: 24px;
+      color: #222;
+      font-weight: bold;
+      opacity: 0;
+      margin-bottom: 10px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.1s;
+      animation-fill-mode: forwards;
+    }
+    &__info {
+      font-size: 13px;
+      line-height: 21px;
+      color: grey;
+      opacity: 0;
+      margin-bottom: 30px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.2s;
+      animation-fill-mode: forwards;
+    }
+    &__return-home {
+      display: block;
+      float: left;
+      width: 110px;
+      height: 36px;
+      background: #1482f0;
+      border-radius: 100px;
+      text-align: center;
+      color: #ffffff;
+      opacity: 0;
+      font-size: 14px;
+      line-height: 36px;
+      cursor: pointer;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.3s;
+      animation-fill-mode: forwards;
+    }
+    @keyframes slideUp {
+      0% {
+        transform: translateY(60px);
+        opacity: 0;
+      }
+      100% {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+  }
+}
+</style>
diff --git a/report-ui/src/views/dashboard/index.vue b/report-ui/src/views/dashboard/index.vue
new file mode 100644
index 00000000..97c73698
--- /dev/null
+++ b/report-ui/src/views/dashboard/index.vue
@@ -0,0 +1,32 @@
+<template>
+  <div class="dashboard-container">
+    <div class="dashboard-text">设备总览 </div>
+    <Summary></Summary>
+  </div>
+</template>
+
+<script>
+import Summary from "@/views/deviceLog/logSummary/summary.vue"
+  export default {
+    name: 'index',
+    components:{
+      Summary,
+    },
+    computed: { 
+     
+    }
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.dashboard {
+  &-container {
+    margin: 0;
+  }
+  &-text {
+    font-size:20px;
+    line-height:36px;
+    text-indent: 1.2rem;
+  }
+}
+</style>
diff --git a/report-ui/src/views/helpCenList/list-detail.vue b/report-ui/src/views/helpCenList/list-detail.vue
new file mode 100644
index 00000000..64695b36
--- /dev/null
+++ b/report-ui/src/views/helpCenList/list-detail.vue
@@ -0,0 +1,59 @@
+<template>
+  <div class="container">
+    <el-button type="primary" size="mini" plain @click="goBack">返回</el-button>
+    <h2 class="helpTitle">{{helpTitle}}</h2>
+    <div class="answer" v-html="helpContent"></div>
+  </div>
+</template>
+<script>
+import { queryById } from '@/api/helpCenter/helpCenter'
+export default {
+  data() {
+    return {
+      id: '',
+      helpContent: '',
+      helpTitle: ''
+    }
+  },
+  mounted() {
+    this.id = this.$route.query.id
+    this.queryById()
+  },
+  methods: {
+    queryById() {
+      queryById({helpId: this.id}).then(res => {
+        if(res.repCode === '0000') {
+          let helpContent = res.repData.helpContent
+          let helpContentVideo = helpContent.replace(/<oembed url/ig,"<video controls='controls' src").replace(/oembed>/ig, "video>")
+          this.helpContent = helpContentVideo;
+          this.helpTitle = res.repData.helpTitle
+        }
+      })
+    }
+  }
+}
+</script>
+<style scope>
+.container .helpTitle{
+  font-size: 16px;
+  color: #000;
+  font-weight: bold;
+  margin: 20px 0 5px;
+}
+.container .answer{
+  margin: 20px 0 0 0;
+}
+.answer .table table{
+  border-collapse: collapse;
+  border-spacing: 0;
+  border: 1px double #b3b3b3;
+}
+.answer .table table td, .answer .table table th{
+  min-width: 2em;
+  padding: .4em;
+  border: 1px solid #bfbfbf;
+}
+video{
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/report-ui/src/views/helpCenList/list-search.vue b/report-ui/src/views/helpCenList/list-search.vue
new file mode 100644
index 00000000..e1cc9b95
--- /dev/null
+++ b/report-ui/src/views/helpCenList/list-search.vue
@@ -0,0 +1,84 @@
+<template>
+  <div class="container">
+    <div class="searchNum">搜索"<font style="color:#C03">{{searchInput}}</font>",共找到<b>{{totalCount}}</b>个相关的问题。</div>
+    <div class="infoBox" v-for="(item, index) in list" :key="index">
+      <div class="infoItem">
+        <div class="infoTitle" @click="goDetail(item)">{{item.helpTitle}}</div>
+        <div class="infoCon" v-html="item.helpContent"></div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { searchKeyWord } from '@/api/helpCenter/helpCenter'
+export default {
+  data() {
+    return {
+      searchInput: '', // 搜索内容
+      totalCount: 0,
+      list: [],
+    }
+  },
+  watch: {
+    $route: {
+      handler(obj) {
+        let val = obj.query.searchInput
+        this.searchInput = val
+        this.searchKeyWord(val)
+      },
+      deep: true
+    }
+  },
+  mounted() {
+    this.searchInput = this.$route.query.searchInput
+    this.searchKeyWord(this.searchInput)
+  },
+  methods: {
+    searchKeyWord(val) {
+      searchKeyWord({keyWord: val}).then(res => {
+        if(res.repCode === '0000') {
+          this.list = res.repData.list
+          this.totalCount = res.repData.totalCount
+        }
+      })
+    },
+    goDetail(item) {
+      this.$router.push({
+        path: `/helpCenList/detail`,
+        query: {
+          id: item.helpId, 
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped>
+.container .searchNum {
+  line-height: 32px;
+  padding: 0 15px;
+  color: #000;
+  font-size: 14px;
+  background: #FDFFC6;
+  margin: 0 0 6px 0;
+}
+.container .infoBox{
+  margin: 0 0 0 15px;
+}
+.container .infoItem{
+  margin: 25px 0;
+}
+.container .infoItem .infoTitle{
+  font-size: 16px;
+  color: #1E5494;
+  font-weight: bold;
+  margin: 0 0 20px;
+  cursor: pointer; 
+}
+.container .infoItem .infoTitle:hover{
+  text-decoration: underline;
+}
+.container .infoItem .infoCon{
+  color: #666;
+}
+</style>
\ No newline at end of file
diff --git a/report-ui/src/views/helpCenList/list-title.vue b/report-ui/src/views/helpCenList/list-title.vue
new file mode 100644
index 00000000..d678b231
--- /dev/null
+++ b/report-ui/src/views/helpCenList/list-title.vue
@@ -0,0 +1,74 @@
+<template>
+  <div class="container">
+    <h2>{{title}}</h2>
+    <div class="title">
+      <div v-for="(item, index) in list" :key="index" class="item">• <span @click="itemClick(item)">{{item.helpTitle}}</span></div>
+    </div>
+  </div>
+</template>
+<script>
+import { querytitleByCategory } from '@/api/helpCenter/helpCenter'
+export default {
+  data() {
+    return {
+      title: '',
+      list: [],
+    }
+  },
+  watch: {
+    $route: {
+      handler(obj) {
+        this.title = obj.query.title
+        this.querytitleByCategory(obj.query.val)
+      },
+      deep: true
+    }
+  },
+  mounted() {
+    this.title = this.$route.query.title
+    this.querytitleByCategory(this.$route.query.val)
+  },
+  methods: {
+    querytitleByCategory(value) {
+      this.title = this.title ? this.title : this.$store.state.help.title
+      let val = value ? value : this.$store.state.help.val
+      querytitleByCategory({helpCategory: val}).then(res => {
+        if(res.repCode === '0000') {
+          this.list = res.repData
+        }
+      })
+    },
+    // 详情
+    itemClick(item){
+      this.$router.push({
+        path: `/helpCenList/detail`,
+        query: {
+          id: item.helpId, 
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped>
+.container h2{
+  font-size: 16px;
+  color: #000;
+  font-weight: bold;
+  margin: 0 0 5px;
+}
+.container .title{
+  margin: 0 0 0 5px;
+}
+.container .title .item{
+  line-height: 30px;
+  padding: 0 20px 0 0;
+}
+.container .title .item span{
+  color: #1E5494;
+  cursor: pointer;
+}
+.container .title .item span:hover{
+  text-decoration:underline;
+}
+</style>
\ No newline at end of file
diff --git a/report-ui/src/views/helpCenList/list.vue b/report-ui/src/views/helpCenList/list.vue
new file mode 100644
index 00000000..9b8daf24
--- /dev/null
+++ b/report-ui/src/views/helpCenList/list.vue
@@ -0,0 +1,168 @@
+<template>
+  <div class="container">
+    <div class="header">
+      <el-row class="top">
+        <el-col :span="12" class="left">
+          <span><img src="../../../static/logo1.png" width="100"></span>
+          <span>帮助中心</span>
+        </el-col>
+        <el-col :span="12" class="right">
+          <span @click="goHome">首页</span>
+        </el-col>
+      </el-row>
+    </div>
+    <div class="search">
+      <el-input placeholder="请输入问题" v-model="searchInput" class="searchInput">
+        <el-button slot="append" @click="searchBtn">搜索</el-button>
+      </el-input>
+    </div>
+    <div class="main">
+      <div class="slider-left">
+        <div class="item" 
+          :class="index==active?'active':''" 
+          v-for="(item, index) in sliderList" :key="index"
+          @click="changeSelect(index, item)"
+        >
+          {{item.label}}
+        </div>
+      </div>
+      <div class="slider-right">
+        <router-view></router-view>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { queryForCodeSelect } from '@/api/helpCenter/helpCenter'
+export default {
+  data() {
+    return {
+      searchInput: '',
+      sliderList: [],
+      active: 0,
+    }
+  },
+  created() {
+    this.queryForCodeSelect()
+  },
+  methods: {
+    // 获取所属分类
+    queryForCodeSelect() {
+      queryForCodeSelect().then(res => {
+        if(res.repCode === '0000') {
+          this.sliderList = res.repData.HELP_CATEGORY
+          this.$store.commit('setCategory', res.repData.HELP_CATEGORY[0])
+        }
+      })
+    },
+    changeSelect(index,item) {
+      this.active = index
+      this.$router.push({
+        path: `/helpCenList/list`,
+        query: {id: index, val:item.value, title: item.label}
+      })
+    },
+    // 搜索
+    searchBtn() {
+      // console.log(this.searchInput)
+      // this.$root.$emit('vehFlag', this.searchInput);
+      this.$router.push({
+        path: `/helpCenList/search`,
+        query: {
+          searchInput: this.searchInput
+        }
+      })
+    },
+    // 返回首页
+    goHome() {
+      this.$router.push({
+        path: '/index'
+      })
+    }
+  }
+}
+</script>
+<style scoped>
+.container .header{
+  width: 1200px;
+  margin: 0 auto;
+}
+.container .header .top {
+  padding: 20px;
+}
+.container .header .top .left{
+  font-size: 18px;
+  color: #646464;
+}
+.container .header .top .left span:last-child{
+  margin-left: 15px;
+  padding-left: 15px;
+  font-size: 18px;
+  color: #646464;
+  line-height: 25px;
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+}
+.container .header .top .left span:last-child:before{
+  content: "";
+  display: inline-block;
+  width: 1px;
+  height: 18px;
+  background: #BBB;
+  margin-left: -15px;
+  position: absolute;
+  margin-top: 3px;
+}
+.container .header .top .left span img{
+  vertical-align: middle;
+}
+.container .header .right{
+  text-align: right;
+  font-size: 18px;
+  color: #646464;
+}
+.container .header .right span{
+  cursor: pointer;
+}
+.search {
+  width: 100%;
+  text-align: center;
+  background: #EFF5FB;
+  padding: 20px 0 24px 0;
+  box-sizing: border-box;
+}
+.searchInput {
+  width: 30%;
+}
+.main{
+  width: 1200px;
+  margin: 20px auto 0;
+  overflow: hidden;
+}
+.main .slider-left {
+  width: 200px;
+  float: left;
+  border: 1px solid #AAC1DE;
+  margin-bottom: 15px;
+  padding: 12px 10px;
+}
+.main .slider-left .item{
+  list-style: none;
+  line-height: 30px;
+  padding: 0 10px;
+  color: #1E5494;
+  font-size: 16px;
+  cursor: pointer;
+}
+.active{
+  background: #1E5494;
+  color: #FFF!important;
+  margin: 2px 0;
+}
+.main .slider-right{
+  margin-left: 220px;
+  margin-right: 10px;
+  padding: 10px 0 0;
+}
+</style>
\ No newline at end of file
diff --git a/report-ui/src/views/home/index.vue b/report-ui/src/views/home/index.vue
new file mode 100644
index 00000000..1790bb13
--- /dev/null
+++ b/report-ui/src/views/home/index.vue
@@ -0,0 +1,99 @@
+<template>
+  <div class="index-container">
+    <div class="left-top"></div>
+    <div class="left-bottom"></div>
+    <div class="right-top"></div>
+    <div class="right-bottom"></div>
+    <el-row align="middle" justify="center">
+      <el-col :span="24" :offset="0" class="position">
+        <div class="center"></div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+ 
+export default {
+  name: 'index1',
+  data() {
+    return {
+    }
+  },
+  components:{},
+  watch: {},
+  mounted() {},
+  methods: {
+
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.index-container{ 
+  width: 100%;
+  height:calc(100vh - 50px);
+  overflow: hidden;
+  background:#fff;
+  background: -webkit-linear-gradient(75deg,  #3d37b5 , #5bc4ef); /* Safari 5.1 - 6.0 */
+  background: -o-linear-gradient(75deg,  #3d37b5, #5bc4ef); /* Opera 11.1 - 12.0 */
+  background: -moz-linear-gradient(75deg,  #3d37b5, #5bc4ef); /* Firefox 3.6 - 15 */
+  background: linear-gradient(75deg,#3d37b5, #5bc4ef); 
+  .position{
+    padding-left: 10px;
+    padding-right: 10px;
+    margin-bottom: 0;
+    position: absolute;
+    top: 67px;
+  }
+  .left-top,.left-bottom,.right-top,.right-bottom{
+    position:absolute;
+   
+  }
+  .left-top{
+    left: 0;
+    top: 0;
+    z-index: 1;
+    width: 223px;
+    height: 291px;
+    background: url("../../../static/index-top-left.png");
+    background-size: 100% 100%;
+  }
+  .left-bottom{
+    left: 0;
+    bottom: 0;
+    z-index: 2;
+    width: 461px;
+    height: 236px;
+    background: url("../../../static/index-bottom-left.png");
+    background-size: 100% 100%;
+  }
+  .right-top{
+    right: 0;
+    top: 0;
+    z-index: 31;
+    width: 346px;
+    height: 309px;
+    background: url("../../../static/index-top-right.png");
+    background-size: 100% 100%;
+  }
+  .right-bottom{
+    right: 0;
+    bottom: 0;
+    z-index: 4;
+    width: 463px;
+    height: 320px;
+    background: url("../../../static/index-bottom-right.png");
+    background-size: 100% 100%;
+  }
+  .center{
+    width: 100%;
+    height: 93vh;
+    bottom: 0;
+    position:relative;
+    max-width: 1893px;
+    background: url("../../../static/index-center.png");
+    background-size: 100% 100%;
+  }
+}
+</style>
diff --git a/report-ui/src/views/layout/Layout.vue b/report-ui/src/views/layout/Layout.vue
new file mode 100644
index 00000000..e8d7d5e0
--- /dev/null
+++ b/report-ui/src/views/layout/Layout.vue
@@ -0,0 +1,86 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
+    <sidebar class="sidebar-container"/>
+    <div class="main-container">
+      <navbar/>
+      <app-main/>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Navbar, Sidebar, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+import {mapActions} from "vuex"
+import {delStorageItem} from '@/utils/storage.js'
+
+export default {
+  name: 'Layout',
+  components: {
+    Navbar,
+    Sidebar,
+    AppMain
+  },
+  watch: {
+    $route:{
+      handler(val, oldVal){
+        if(val.name != 'realTimeLog' && val.name != 'deviceInfo') {
+          delStorageItem('deviceInfo')
+        }
+        if(val.name != 'helpCenter' && val.name != "helpCenterEdit") {
+          delStorageItem('helpCenterDetail')
+        }
+        this.addCachedView(val)
+      },
+      immediate: true
+    }
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    sidebar() {
+      return this.$store.state.app.sidebar
+    },
+    device() {
+      return this.$store.state.app.device
+    },
+    classObj() {
+      return {
+        hideSidebar: !this.sidebar.opened,
+        openSidebar: this.sidebar.opened,
+        withoutAnimation: this.sidebar.withoutAnimation,
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+  methods: {
+    ...mapActions(['addCachedView']),
+    handleClickOutside() {
+      this.$store.dispatch('CloseSideBar', { withoutAnimation: false })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/assets/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+</style>
diff --git a/report-ui/src/views/layout/components/AppMain.vue b/report-ui/src/views/layout/components/AppMain.vue
new file mode 100644
index 00000000..747bea23
--- /dev/null
+++ b/report-ui/src/views/layout/components/AppMain.vue
@@ -0,0 +1,33 @@
+<template>
+  <section class="app-main">
+    <transition name="fade-transform" mode="out-in">
+      <!-- or name="fade" -->
+      <!-- <router-view :key="key"></router-view> -->
+      <keep-alive :include="cacheViews">
+        <router-view></router-view>
+      </keep-alive>
+    </transition>
+  </section>
+</template>
+
+<script>
+import {mapGetters} from "vuex"
+export default {
+  name: 'AppMain',
+  computed: {
+    ...mapGetters(['cacheViews']),
+    key() {      
+      return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.app-main {
+  /*50 = navbar  */
+  height: calc(100vh - 50px);
+  position: relative;
+  overflow: auto;
+}
+</style>
diff --git a/report-ui/src/views/layout/components/Navbar.vue b/report-ui/src/views/layout/components/Navbar.vue
new file mode 100644
index 00000000..3e7f8532
--- /dev/null
+++ b/report-ui/src/views/layout/components/Navbar.vue
@@ -0,0 +1,274 @@
+<template>
+  <div>
+    <el-menu class="navbar"
+             mode="horizontal">
+      <hamburger :toggle-click="toggleSideBar"
+                 :is-active="sidebar.opened"
+                 class="hamburger-container" />
+      <breadcrumb />
+      <el-dropdown class="avatar-container"
+                   trigger="click">
+        <div class="avatar-wrapper">
+          <i class="icon iconfont iconyonghu user" />
+          <span class="user-name">{{userName}}</span>
+          <i class="el-icon-caret-bottom" />
+        </div>
+        <el-dropdown-menu slot="dropdown"
+                          class="user-dropdown">
+          <el-dropdown-item divided>
+            <span style="display:block;"
+                  @click="helpCenter">帮助中心</span>
+          </el-dropdown-item>
+          <el-dropdown-item divided>
+            <span style="display:block;"
+                  @click="updatePassword">修改密码</span>
+          </el-dropdown-item>
+          <el-dropdown-item divided>
+            <span style="display:block;"
+                  @click="logout">注销登录</span>
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </el-dropdown>
+    </el-menu>
+    <!-- 修改密码弹框 -->
+    <el-dialog title="修改密码"
+               :visible.sync="wordVisible"
+               width="40%"
+               :close-on-click-modal='false'
+               top="20vh"
+               class="password-box">
+      <el-form ref="form"
+               :model="form"
+               label-width="100px"
+               :rules="rules"
+               :close-on-click-modal="false">
+        <el-form-item label="原密码"
+                      prop="oldPassword">
+          <el-input v-model.trim="form.oldPassword"
+                    type="password"
+                    autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="新密码"
+                      prop="password">
+          <el-input v-model.trim="form.password"
+                    type="password"
+                    autocomplete="off"></el-input>
+          <!-- <span class="password-tips"><i class="el-icon-warning-outline"> 密码至少8位,切包含大写、小写字母、数字、特殊字符中的3种</i></span> -->
+        </el-form-item>
+        <el-form-item label="确认新密码"
+                      prop="confirmPassword">
+          <el-input v-model.trim="form.confirmPassword"
+                    type="password"
+                    autocomplete="off"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer"
+            class="dialog-footer">
+        <el-button @click="wordVisible = false">取 消</el-button>
+        <el-button type="primary"
+                   @click="confrimUpdate">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import Breadcrumb from '@/components/Breadcrumb'
+import Hamburger from '@/components/Hamburger'
+import { getItem, delItem, getStorageItem } from "@/utils/storage"
+import { aesEncrypt } from '@/utils/aes'
+import { reqUpdatePassword } from "@/api/login"
+
+export default {
+  data () {
+    // 确认密码
+    var validatePass3 = (rule, value, callback) => {
+      if (value === '') {
+        callback(new Error('请再次输入密码'));
+      } else if (value !== this.form.password) {
+        callback(new Error('两次输入密码不一致!'));
+      } else {
+        callback();
+      }
+    };
+    // const validatePass = (rule, value, callback) => {
+    // 	if (!/^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_]+$)(?![a-z0-9]+$)(?![a-z\W_]+$)(?![0-9\W_]+$)[a-zA-Z0-9\W_]{6,}$/.test(value)) {
+    // 		callback(new Error('请按要求输入密码'))
+    // 	} else {
+    // 		callback()
+    // 	}
+    // };
+    const validateOldPass = (rule, value, callback) => {
+      if (value.length < 6 || value.length > 30) {
+        callback(new Error('请输入原密码'))
+      } else {
+        callback()
+      }
+    };
+    return {
+      userName: '',
+      wordVisible: false, //修改密码弹框
+      form: {
+        oldPassword: '',
+        password: '',
+        confirmPassword: ''
+      },
+      rules: {
+        oldPassword: [
+          { required: true, validator: validateOldPass, trigger: 'blur' }
+        ],
+        password: [
+          { required: true, message: '请选择新密码', trigger: 'blur' }
+        ],
+        confirmPassword: [
+          { required: true, validator: validatePass3, trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  components: {
+    Breadcrumb,
+    Hamburger
+  },
+  computed: {
+    ...mapGetters([
+      'sidebar'
+    ])
+  },
+  created () {
+    this.userName = "admin"
+  },
+  methods: {
+    toggleSideBar () {
+      this.$store.dispatch('ToggleSideBar')
+    },
+    logout () {
+      this.$confirm('确定要退出吗', '温馨提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        delItem('token')
+        sessionStorage.clear()
+        localStorage.clear()
+        this.$router.push('/login')
+      })
+    },
+    // 修改密码
+    updatePassword () {
+      this.wordVisible = true
+      this.$nextTick(() => {
+        this.$refs.form && this.$refs.form.resetFields();
+      })
+    },
+    // 发送请求 确认修改
+    confrimUpdate () {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          const { oldPassword, password, confirmPassword } = this.form
+          let data = {
+            oldPassword: aesEncrypt(oldPassword),
+            password: aesEncrypt(password),
+            confirmPassword: aesEncrypt(confirmPassword),
+          }
+          reqUpdatePassword(data).then(res => {
+            if (res.repCode == "0000") {
+              this.wordVisible = false
+              this.$message.success("修改密码成功,请重新登录")
+              sessionStorage.clear()
+              localStorage.clear()
+              delItem('token')
+              this.$router.push('/login')
+            }
+          })
+        } else {
+          return false;
+        }
+      });
+    },
+    helpCenter () {
+      let helpCategory = JSON.parse(localStorage.getItem('helpCategory'))
+      this.$router.push({
+        path: '/helpCenList/list',
+        query: {
+          id: 0,
+          val: helpCategory[0].value,
+          title: helpCategory[0].label
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.navbar {
+  height: 50px;
+  line-height: 50px;
+  border-radius: 0px !important;
+  background: #fff !important;
+  .hamburger-container {
+    line-height: 57px;
+    height: 49px;
+    float: left;
+    padding: 0 10px;
+    background: #fff;
+  }
+  .screenfull {
+    position: absolute;
+    right: 90px;
+    top: 16px;
+    color: red;
+  }
+  .avatar-container {
+    height: 50px;
+    display: inline-block;
+    position: absolute;
+    right: 35px;
+    .avatar-wrapper {
+      line-height: 50px;
+      cursor: pointer;
+      margin-top: 5px;
+      position: relative;
+      .user-avatar {
+        width: 40px;
+        height: 40px;
+        border-radius: 10px;
+        vertical-align: text-bottom;
+      }
+      .user-name {
+        color: #333;
+      }
+      .el-icon-caret-bottom {
+        color: #333;
+        position: absolute;
+        right: -20px;
+        top: 21px;
+        font-size: 12px;
+      }
+      .user {
+        color: #333;
+        font-size: 16px;
+      }
+    }
+  }
+}
+.password-box {
+  .password-tips {
+    position: absolute;
+    right: 0px;
+    top: 100%;
+    line-height: 1;
+    font-size: 13px;
+    padding-top: 4px;
+  }
+}
+.el-popper {
+  padding: 0;
+}
+.el-dropdown-menu__item--divided {
+  margin-top: 0;
+}
+</style>
+
diff --git a/report-ui/src/views/layout/components/Sidebar/Item.vue b/report-ui/src/views/layout/components/Sidebar/Item.vue
new file mode 100644
index 00000000..c12aa5c0
--- /dev/null
+++ b/report-ui/src/views/layout/components/Sidebar/Item.vue
@@ -0,0 +1,28 @@
+<script>
+export default {
+  name: 'MenuItem',
+  functional: true,
+  props: {
+    icon: {
+      type: String,
+      default: ''
+    },
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  render(h, context) {
+    const { icon, title } = context.props
+    const vnodes = []
+    if (icon) {
+      vnodes.push(<i class={'iconfont ' + icon}/>)
+    }
+
+    if (title) {
+      vnodes.push(<span slot='title'>{(title)}</span>)
+    }
+    return vnodes
+  }
+}
+</script>
diff --git a/report-ui/src/views/layout/components/Sidebar/Link.vue b/report-ui/src/views/layout/components/Sidebar/Link.vue
new file mode 100644
index 00000000..5d366f24
--- /dev/null
+++ b/report-ui/src/views/layout/components/Sidebar/Link.vue
@@ -0,0 +1,39 @@
+
+<template>
+  <!-- eslint-disable vue/require-component-is-->
+  <component v-bind="linkProps(to)">
+    <slot/>
+  </component>
+</template>
+
+<script>
+import { isExternal } from '@/utils'
+
+export default {
+  props: {
+    to: {
+      type: String,
+      required: true
+    }
+  },
+  methods: {
+    isExternalLink(routePath) {
+      return isExternal(routePath)
+    },
+    linkProps(url) {
+      if (this.isExternalLink(url)) {
+        return {
+          is: 'a',
+          href: url,
+          target: '_blank',
+          rel: 'noopener'
+        }
+      }
+      return {
+        is: 'router-link',
+        to: url
+      }
+    }
+  }
+}
+</script>
diff --git a/report-ui/src/views/layout/components/Sidebar/SidebarItem.vue b/report-ui/src/views/layout/components/Sidebar/SidebarItem.vue
new file mode 100644
index 00000000..071552d9
--- /dev/null
+++ b/report-ui/src/views/layout/components/Sidebar/SidebarItem.vue
@@ -0,0 +1,136 @@
+<template>
+  <div v-if="!item.hidden&&item.children"
+       class="menu-wrapper">
+    <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
+      <app-link :to="resolvePath(onlyOneChild.path)">
+        <el-menu-item :index="resolvePath(onlyOneChild.path)"
+                      :class="{'submenu-title-noDropdown':!isNest}">
+          <item v-if="onlyOneChild.meta"
+                :icon="onlyOneChild.meta.icon||item.meta.icon"
+                :title="onlyOneChild.meta.title " />
+        </el-menu-item>
+      </app-link>
+    </template>
+    <!-- && secondLevelChildren.length > 0 -->
+    <el-submenu v-else
+                :index="resolvePath(item.path)">
+      <template slot="title">
+        <item v-if="item.meta"
+              :icon="item.meta.icon"
+              :title="item.meta.title" />
+      </template>
+
+      <template v-for="child in item.children"
+                v-if="!child.hidden">
+        <!-- <template v-if="!child.hidden && hasPermission(item.meta.AuthKey)"> -->
+        <!-- <template v-for="child in secondLevelChildren(item.children)"> -->
+        <sidebar-item v-if="child.children&&child.children.length>0"
+                      :is-nest="true"
+                      :item="child"
+                      :key="child.path"
+                      :base-path="resolvePath(child.path)"
+                      class="nest-menu" />
+
+        <app-link :to="resolvePath(child.path)"
+                  :key="child.name">
+          <el-menu-item :index="resolvePath(child.path)">
+            <item v-if="child.meta"
+                  :icon="child.meta.icon"
+                  :title="child.meta.title" />
+          </el-menu-item>
+        </app-link>
+        <!-- <app-link v-else :to="resolvePath(child.path)" :key="child.name">
+            <el-menu-item :index="resolvePath(child.path)">
+              <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            </el-menu-item>
+          </app-link> -->
+      </template>
+      <!-- </template> -->
+    </el-submenu>
+
+  </div>
+</template>
+
+<script>
+import path from 'path'
+import { isExternal } from '@/utils'
+import Item from './Item'
+import AppLink from './Link'
+
+export default {
+  name: 'SidebarItem',
+  components: { Item, AppLink },
+  props: {
+    // route object
+    item: {
+      type: Object,
+      required: true
+    },
+    isNest: {
+      type: Boolean,
+      default: false
+    },
+    basePath: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      onlyOneChild: null
+    }
+  },
+  computed: {
+    // secondLevelChildren(){
+    //   let that = this
+    //   return function(children){
+    //     return children.filter(item => !item.hidden && that.hasPermission(item.meta.AuthKey))
+    //   }
+    // }
+  },
+  methods: {
+    hasOneShowingChild (children, parent) {
+      const showingChildren = children.filter(item => {
+        if (item.hidden) {
+          return false
+        } else {
+          // Temp set(will be used if only has one showing child)
+          this.onlyOneChild = item
+          return true
+        }
+      })
+      // When there is only one child router, the child router is displayed by default
+      if (showingChildren.length === 1) {
+        return true
+      }
+
+      // Show parent if there are no child router to display
+      if (showingChildren.length === 0) {
+        this.onlyOneChild = { ...parent, path: '', noShowingChildren: true }
+        return true
+      }
+
+      return false
+    },
+    resolvePath (routePath) {
+      if (this.isExternalLink(routePath)) {
+        return routePath
+      }
+      return path.resolve(this.basePath, routePath)
+    },
+    isExternalLink (routePath) {
+      return isExternal(routePath)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.el-submenu__title i {
+  color: #333;
+  margin-right: 5px;
+}
+.el-menu-item i {
+  color: #333;
+  margin-right: 5px;
+}
+</style>
\ No newline at end of file
diff --git a/report-ui/src/views/layout/components/Sidebar/index.vue b/report-ui/src/views/layout/components/Sidebar/index.vue
new file mode 100644
index 00000000..4c71e759
--- /dev/null
+++ b/report-ui/src/views/layout/components/Sidebar/index.vue
@@ -0,0 +1,64 @@
+<template>
+  <el-scrollbar wrap-class="scrollbar-wrapper">
+    <div class="admin-title"
+         @click="goBigScreen">
+      在线大屏
+    </div>
+    <el-menu :show-timeout="200"
+             :default-active="$route.path"
+             :collapse="isCollapse"
+             mode="vertical"
+             background-color="#fff"
+             text-color="#333"
+             active-text-color="#222">
+      <sidebar-item v-for="route in routes"
+                    :key="route.path"
+                    :item="route"
+                    :base-path="route.path" />
+    </el-menu>
+  </el-scrollbar>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import SidebarItem from './SidebarItem'
+
+export default {
+  components: { SidebarItem },
+  computed: {
+    ...mapGetters([
+      'sidebar'
+    ]),
+    routes () {
+      return this.$router.options.routes
+    },
+    isCollapse () {
+      return !this.sidebar.opened
+    },
+
+  },
+  methods: {
+    goBigScreen () {
+      let routeUrl = this.$router.resolve({
+        path: "/bigScreen"
+      });
+      window.open(routeUrl.href, '_blank');
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.admin-title {
+  height: 60px;
+  line-height: 60px;
+  text-align: center;
+  width: 100%;
+  font-weight: 500;
+  color: #333;
+  font-size: 14px;
+}
+.admin-title:hover {
+  cursor: pointer;
+}
+</style>
diff --git a/report-ui/src/views/layout/components/index.js b/report-ui/src/views/layout/components/index.js
new file mode 100644
index 00000000..97ee3cd1
--- /dev/null
+++ b/report-ui/src/views/layout/components/index.js
@@ -0,0 +1,3 @@
+export { default as Navbar } from './Navbar'
+export { default as Sidebar } from './Sidebar'
+export { default as AppMain } from './AppMain'
diff --git a/report-ui/src/views/layout/mixin/ResizeHandler.js b/report-ui/src/views/layout/mixin/ResizeHandler.js
new file mode 100644
index 00000000..b22c8bb6
--- /dev/null
+++ b/report-ui/src/views/layout/mixin/ResizeHandler.js
@@ -0,0 +1,41 @@
+import store from '@/store'
+
+const { body } = document
+const WIDTH = 1024
+const RATIO = 3
+
+export default {
+  watch: {
+    $route(route) {
+      if (this.device === 'mobile' && this.sidebar.opened) {
+        store.dispatch('CloseSideBar', { withoutAnimation: false })
+      }
+    }
+  },
+  beforeMount() {
+    window.addEventListener('resize', this.resizeHandler)
+  },
+  mounted() {
+    const isMobile = this.isMobile()
+    if (isMobile) {
+      store.dispatch('ToggleDevice', 'mobile')
+      store.dispatch('CloseSideBar', { withoutAnimation: true })
+    }
+  },
+  methods: {
+    isMobile() {
+      const rect = body.getBoundingClientRect()
+      return rect.width - RATIO < WIDTH
+    },
+    resizeHandler() {
+      if (!document.hidden) {
+        const isMobile = this.isMobile()
+        store.dispatch('ToggleDevice', isMobile ? 'mobile' : 'desktop')
+
+        if (isMobile) {
+          store.dispatch('CloseSideBar', { withoutAnimation: true })
+        }
+      }
+    }
+  }
+}
diff --git a/report-ui/src/views/login.vue b/report-ui/src/views/login.vue
new file mode 100644
index 00000000..f0eebacd
--- /dev/null
+++ b/report-ui/src/views/login.vue
@@ -0,0 +1,450 @@
+<!--
+ * @Author: zyk 
+ * @Date: 2020-07-13 11:04:24 
+ * @Last Modified by:   zyk 
+ * @Last Modified time: 2020-07-13 11:04:24 
+ !-->
+<template>
+  <div class="login_container">
+    <!-- 顶部logo -->
+    <div class="login_title">
+      <img src="@/assets/images/home-logo.png"
+           alt="logo">
+    </div>
+    <div class="login_contant">
+      <img src="@/assets/images/login.png"
+           alt="image"
+           class="login_img">
+      <el-form ref="loginForm"
+               :model="loginForm"
+               :rules="loginRules"
+               class="login_form"
+               autocomplete="on"
+               label-position="left"
+               @keyup.enter.native="handleLogin">
+        <div class="title_container">
+          <h3 class="title">
+            HELLO,
+            <br>
+            <p class="title_name">在线大屏</p>
+          </h3>
+          <!-- <lang-select class="set_language" /> -->
+        </div>
+        <div class="form_fields">
+          <!-- 黄色条条 -->
+          <i :style="{ top: activeTop + '%' }" />
+          <!-- 中间条条 -->
+          <b />
+          <div>
+            <p>用户名</p>
+            <el-form-item prop="username">
+              <el-input ref="username"
+                        v-model="loginForm.username"
+                        placeholder="用户名"
+                        name="username"
+                        type="text"
+                        tabindex="1"
+                        autocomplete="on"
+                        @focus="setTop('0')"
+                        @change="getPsw" />
+            </el-form-item>
+          </div>
+          <div>
+            <p>密码</p>
+            <input name="password"
+                   type="password"
+                   autocomplete="off"
+                   class="take">
+            <el-tooltip v-model="capsTooltip"
+                        content="Caps lock is On"
+                        placement="right"
+                        manual>
+              <el-form-item prop="password">
+                <el-input :key="passwordType"
+                          ref="password"
+                          v-model="loginForm.password"
+                          :type="passwordType"
+                          placeholder="用户密码"
+                          name="password"
+                          tabindex="2"
+                          autocomplete="on"
+                          @blur="capsTooltip = false"
+                          @focus="setTop('50')"
+                          @keyup.native="checkCapslock" />
+                <span class="show_pwd"
+                      @click="showPwd">
+                  查看
+                  <!-- <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" /> -->
+                </span>
+              </el-form-item>
+            </el-tooltip>
+          </div>
+        </div>
+        <div class="control">
+          <div class="remember">
+            <input v-model="rememberPsw"
+                   type="checkbox">
+            <p>记住密码</p>
+          </div>
+          <!-- <p>{{ $t('login.forgetPsw') }}</p> -->
+        </div>
+        <el-button :loading="loading"
+                   type="primary"
+                   class="login_btn"
+                   @click.native.prevent="handleLogin">登录</el-button>
+      </el-form>
+    </div>
+    <!--  验证码  -->
+    <Verify v-if="needCaptcha"
+            ref="verify"
+            :captcha-type="'blockPuzzle'"
+            :img-size="{ width: '400px', height: '200px' }"
+            @success="verifylogin" />
+  </div>
+</template>
+
+<script> 
+import Verify from '@/components/verifition/Verify'
+import cookies from 'js-cookie'
+import { Decrypt, Encrypt } from '@/utils/index'
+import { login } from '@/api/login'
+import { transPsw } from '@/utils/encrypted'
+import { setItem, getItem } from '@/utils/storage';
+export default {
+  name: 'Login',
+  components: {
+    Verify,
+  },
+  data () {
+    return {
+      activeTop: '-50%', // 色条滑块控制
+      rememberPsw: false, // 记住密码选择框
+      loginForm: {
+        username: 'admin',
+        password: '123456',
+        verifyCode: '',
+      }, // 登录表单
+      loginRules: {
+        username: [{ required: true, message: '用户名必填', trigger: 'blur' }],
+        password: [{ required: true, message: '用户密码必填', trigger: 'blur' }],
+      }, // 登录表单验证
+      passwordType: 'password', // 用来控制查看密码操作时的输入框类型
+      capsTooltip: false, // 键盘大写是否打开
+      loading: false, // 登录loding
+      redirect: undefined, // 记录重定向地址
+      otherQuery: {}, // 记录重定向地址中的参数
+      needCaptcha: false,
+    }
+  },
+  watch: {
+    $route: {
+      // 监听路由获取上个路由（from）的地址和参数
+      handler: function (route) {
+        const query = route.query
+        if (query) {
+          this.redirect = query.redirect
+          this.otherQuery = this.getOtherQuery(query)
+        }
+      },
+      immediate: true,
+    },
+  },
+  mounted () {
+    // 获取焦点
+    if (this.loginForm.username === '') {
+      this.$refs.username.focus()
+    } else if (this.loginForm.password === '') {
+      this.$refs.password.focus()
+    }
+  },
+  methods: {
+    // 获取存储的密码并解密
+    getPsw () {
+      const cookVal = cookies.get(`u_${this.loginForm.username}`)
+      this.loginForm.password = cookVal && Decrypt(cookVal)
+      console.log(this.loginForm)
+    },
+    // 滑动条块的top控制
+    setTop (val) {
+      this.activeTop = val
+    },
+    // 检测大写锁定键是否开启
+    checkCapslock (e) {
+      const { key } = e
+      this.capsTooltip = key && key.length === 1 && key >= 'A' && key <= 'Z'
+    },
+    // 查看密码
+    showPwd () {
+      if (this.passwordType === 'password') {
+        this.passwordType = ''
+      } else {
+        this.passwordType = 'password'
+      }
+      this.$nextTick(() => {
+        this.$refs.password.focus()
+      })
+    },
+    // 滑动验证码
+    useVerify () {
+      this.$refs.loginForm.validate((valid) => {
+        if (valid) {
+          this.$refs.verify.show()
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    // 验证成功的回调
+    verifylogin (params) {
+      this.loginForm.verifyCode = params.captchaVerification
+      if (this.loginForm.verifyCode) {
+        this.loginApi()
+      }
+    },
+    // 登录操作
+    handleLogin () {
+      this.$refs.loginForm.validate((valid) => {
+        if (valid) {
+          this.loading = true
+          // 登录失败次数过多需要展示滑动验证码
+          if (this.needCaptcha) {
+            this.useVerify()
+            return
+          }
+          this.loginApi()
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    async loginApi () {
+      let obj = {
+        username: this.loginForm.username,
+        password: transPsw(this.loginForm.password),
+        verifyCode: ""
+      }
+      const { code, data } = await login(obj)
+      if (code != '200') return
+      console.log(code, data)
+      setItem("token", data.token)
+      this.loading = false
+      // 选中记住密码时 把密码存到cookie里,时效15天
+      this.rememberPsw && cookies.set(`u_${this.loginForm.username}`, Encrypt(this.loginForm.password), { expires: 15 })
+      if (data && data.captcha) {
+        this.needCaptcha = true
+      } else {
+        this.needCaptcha = false
+        this.$router.push({ path: this.redirect || '/index', query: this.otherQuery })
+      }
+    },
+    getOtherQuery (query) {
+      return Object.keys(query).reduce((acc, cur) => {
+        if (cur !== 'redirect') {
+          acc[cur] = query[cur]
+        }
+        return acc
+      }, {})
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+.login_container .el-input input {
+  color: #000;
+  background: #fff;
+}
+
+/* reset element-ui css */
+.login_container {
+  .el-input {
+    display: inline-block;
+    width: 100%;
+    input {
+      -webkit-appearance: none;
+      caret-color: rgba($color: #000000, $alpha: 0.3);
+      border: 1px solid #fff;
+      &:-webkit-autofill {
+        box-shadow: 0 0 0px 1000px #eee inset !important;
+        -webkit-text-fill-color: #666 !important;
+      }
+    }
+  }
+
+  .el-form-item {
+    border-radius: 5px;
+    color: #454545;
+  }
+}
+.verifybox {
+  position: absolute;
+  left: auto;
+  right: 30%;
+  transform: translate(50%, -50%);
+}
+</style>
+
+<style lang="scss" scoped>
+.take {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+.login_container {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  .login_title {
+    width: 100%;
+    height: 60px;
+    padding: 10px 60px;
+    display: flex;
+    align-items: center;
+    img {
+      width: 10%;
+      display: block;
+    }
+  }
+  .login_contant {
+    position: relative;
+    width: 100%;
+    height: calc(100% - 60px);
+    // height: 100%;
+    .login_img {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+    .login_form {
+      position: absolute;
+      top: 50%;
+      right: 30%;
+      transform: translate(50%, -50%);
+      min-width: 400px;
+      width: 22%;
+      height: 460px;
+      background-color: #ffffff;
+      border-radius: 11px;
+      padding: 30px;
+      overflow: hidden;
+      .title_container {
+        position: relative;
+        .title {
+          font-size: 24px;
+          color: #1a1a1a;
+          .title_name {
+            margin: 0;
+            font-size: 18px;
+          }
+        }
+        .set_language {
+          color: #fff;
+          position: absolute;
+          top: 3px;
+          font-size: 18px;
+          right: 0px;
+          cursor: pointer;
+        }
+      }
+      .form_fields {
+        position: relative;
+        width: 100%;
+        overflow: hidden;
+        padding: 5px 16px;
+        background: #ffffff;
+        border: 1px solid #e0e0e0;
+        box-shadow: 0 0 14px 4px rgba(230, 229, 229, 0.5);
+        border-radius: 4px 10px 10px 4px;
+        i {
+          position: absolute;
+          top: -50%;
+          left: 0;
+          width: 4px;
+          height: 50%;
+          transition: top 0.2s;
+          background: #f5ab1b;
+          border-radius: 14px;
+        }
+        b {
+          position: absolute;
+          top: 50%;
+          left: 0;
+          width: 100%;
+          height: 1px;
+          background: #e0e0e0;
+          border-radius: 2px;
+          margin-top: -0.5px;
+        }
+        p {
+          margin: 0;
+          padding: 0;
+          line-height: 32px;
+          height: 32px;
+          font-size: 12px;
+          color: #666;
+        }
+        .show_pwd {
+          position: absolute;
+          right: 10px;
+          top: 0;
+          font-size: 16px;
+          color: #889aa4;
+          cursor: pointer;
+          user-select: none;
+        }
+      }
+      .control {
+        width: 100%;
+        height: 70px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 14px;
+        color: #919191;
+        .remember {
+          width: 36%;
+          display: flex;
+          align-items: center;
+          p {
+            padding-left: 8px;
+          }
+          // justify-content: space-between;
+          & > input {
+            position: relative;
+            width: 14px;
+            height: 14px;
+          }
+          & > input:checked::before {
+            content: "\2713";
+            background-color: #f5ab1b;
+            position: absolute;
+            top: 0;
+            left: 0px;
+            padding-left: 1.5px;
+            width: 100%;
+            height: 100%;
+            border: 1px solid #f5ab1b;
+            border-radius: 2px;
+            font-size: 12px;
+            color: white;
+            font-weight: bold;
+          }
+        }
+      }
+      .login_btn {
+        width: 130px;
+        height: 40px;
+        background: #f5ab1b;
+        border: none;
+        border-radius: 10px;
+        font-size: 16px;
+        color: #ffffff;
+        text-align: center;
+      }
+    }
+  }
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/form/colorPicker.vue b/report-ui/src/views/report/bigscreen/designer/form/colorPicker.vue
new file mode 100644
index 00000000..ba321654
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/form/colorPicker.vue
@@ -0,0 +1,66 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-4-8 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-4-8 11:04:24
+ !-->
+<template>
+  <el-popover placement="right" trigger="click">
+    <Chrome v-model="colors" @input="updateValue" />
+    <el-input slot="reference" v-model="colors.hex" placeholder="颜色选择器">
+      <template #append><i class="iconfont iconcolorSelector" /></template>
+    </el-input>
+  </el-popover>
+</template>
+
+<script>
+import { Chrome } from 'vue-color' // https://gitee.com/mirrors/vue-color  // Photoshop Chrome
+export default {
+  name: 'ColorPicker',
+  components: {
+    Chrome,
+  },
+  model: {
+    prop: 'value',
+    event: 'input',
+  },
+  props: {
+    value: {
+      type: [String],
+      default: '',
+    },
+  },
+  data() {
+    return {
+      colors: {
+        hex: '',
+        hsl: { h: 150, s: 0.5, l: 0.2, a: 1 },
+        hsv: { h: 150, s: 0.66, v: 0.3, a: 1 },
+        rgba: { r: 25, g: 77, b: 51, a: 1 },
+      },
+    }
+  },
+  watch: {
+    value(val) {
+      this.colors.hex = val
+    }
+  },
+  mounted() {
+    this.colors.hex = this.value
+  },
+  methods: {
+    updateValue(value) {
+      // this.colors = value
+      this.$emit('input', value.hex)
+      this.$emit('change', value.hex)
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+/deep/.el-input-group__append {
+  width: 20px;
+  padding: 0 5px;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/form/contentMenu.vue b/report-ui/src/views/report/bigscreen/designer/form/contentMenu.vue
new file mode 100644
index 00000000..2e828337
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/form/contentMenu.vue
@@ -0,0 +1,71 @@
+<template>
+  <div v-show="visible" class="contentmenu" :style="styleObj">
+    <div class="contentmenu__item" @click="deleteLayer"><svg-icon icon-class="guanbi" /> 删除图层</div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    styleObj: Object,
+    visible: Boolean,
+  },
+  data() {
+    return {}
+  },
+  watch: {
+    visible(value) {
+      if (value) {
+        document.body.addEventListener('click', this.closeMenu)
+      } else {
+        document.body.removeEventListener('click', this.closeMenu)
+      }
+    },
+  },
+  methods: {
+    closeMenu() {
+      this.$emit('update:visible', false)
+    },
+    deleteLayer() {
+      this.$confirm('是否删除所选图层?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          this.$emit('deletelayer')
+          this.$message({
+            type: 'success',
+            message: '删除成功!',
+          })
+        })
+        .catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除',
+          })
+        })
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.contentmenu {
+  width: 160px;
+  position: fixed;
+  z-index: 99999;
+  list-style: none;
+  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+  padding: 0;
+  background: #27343e;
+  color: #bcc9d4;
+  .contentmenu__item {
+    z-index: 10000;
+    list-style: none;
+    padding: 8px 12px;
+    cursor: pointer;
+    position: relative;
+    font-size: 12px;
+  }
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/form/customColorComponents.vue b/report-ui/src/views/report/bigscreen/designer/form/customColorComponents.vue
new file mode 100644
index 00000000..f957210d
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/form/customColorComponents.vue
@@ -0,0 +1,147 @@
+<template>
+  <div>
+    <el-button type="primary" icon="el-icon-plus" plain @click="handleAddClick">新增</el-button>
+    <el-table :data="formData" style="width: 100%">
+      <el-table-column prop="color" label="颜色" align="center">
+        <template slot-scope="scope">
+          <span class="color-box" :style="{ background: scope.row.color }" />
+        </template>
+      </el-table-column>
+      <el-table-column label="位置" align="center">
+        <template slot-scope="scope">
+          <span class="editor" @click="handleEditorClick(scope.$index, scope.row)"> <i class="el-icon-edit" /> 编辑 </span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center">
+        <template slot-scope="scope">
+          <span class="editor" @click="handleDeleteClick(scope.$index, scope.row)"> <i class="el-icon-delete" /> 删除 </span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-dialog title="新增" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
+      <el-form>
+        <el-form-item label="颜色">
+          <el-input v-model="colorValue" style="width: 200px" placeholder="请输入颜色">
+            <template slot="append">
+              <el-color-picker v-model="colorValue" :predefine="predefineColors" />
+            </template>
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handleSaveClick">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+  name: 'CustomColorComponents',
+  model: {
+    prop: 'formData',
+    event: 'input',
+  },
+  props: {
+    formData: Array,
+  },
+  data() {
+    return {
+      predefineColors: ['#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1', '#1e90ff', '#c71585'],
+      colorValue: '',
+      dialogVisible: false,
+      flag: true, // true 新增， false 编辑
+      indexEditor: -1, // 编辑第几个数据
+    }
+  },
+  mounted() {},
+  methods: {
+    // 弹出框关闭
+    handleClose() {
+      this.dialogVisible = false
+      this.colorValue = ''
+    },
+    // 新增
+    handleAddClick() {
+      this.colorValue = ''
+      this.flag = true
+      this.dialogVisible = true
+    },
+    // 确定
+    handleSaveClick() {
+      if (this.flag) {
+        // 新增
+        const obj = {
+          color: this.colorValue,
+        }
+        this.formData.push(obj)
+        this.dialogVisible = false
+      } else {
+        // 编辑
+        this.formData[this.indexEditor].color = this.colorValue
+        this.dialogVisible = false
+      }
+      this.$emit('input', this.formData)
+    },
+    // 编辑
+    handleEditorClick(index, row) {
+      this.flag = false
+      this.colorValue = row.color
+      this.dialogVisible = true
+      this.indexEditor = index
+    },
+    // 删除
+    handleDeleteClick(index) {
+      this.formData.splice(index, 1)
+    },
+  },
+}
+</script>
+<style lang="less" scoped>
+.color-box {
+  .title {
+    display: flex;
+    flex-direction: row;
+  }
+}
+/deep/.el-table,
+/deep/.el-table__expanded-cell,
+/deep/.el-table th,
+/deep/.el-table tr {
+  background-color: transparent !important;
+  color: #859094 !important;
+}
+/deep/.el-table td,
+/deep/.el-table th.is-leaf {
+  border-bottom: none;
+  line-height: 26px;
+}
+/deep/.el-table tbody tr:hover > td {
+  background-color: #263445 !important;
+}
+/deep/.el-table::before {
+  height: 0;
+}
+/deep/.el-form-item--mini .el-color-picker--mini,
+/deep/.el-form-item--mini .el-color-picker--mini .el-color-picker__trigger {
+  width: 23px;
+  height: 23px;
+}
+/deep/.el-dialog {
+  background: #1b1e25;
+  .el-dialog__title {
+    color: #fff;
+  }
+}
+.color-box {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  border-radius: 5px;
+}
+.editor {
+  color: #409eff;
+  cursor: pointer;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/form/dynamicCollapseForm.vue b/report-ui/src/views/report/bigscreen/designer/form/dynamicCollapseForm.vue
new file mode 100644
index 00000000..2509d163
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/form/dynamicCollapseForm.vue
@@ -0,0 +1,80 @@
+<template>
+  <el-collapse accordion>
+    <el-collapse-item
+      v-for="(item, index) in options"
+      :key="index"
+      :title="item.name"
+      :name="index"
+    >
+      <dynamicForm
+        :options="item.list"
+        @onChanged="onChanged"
+      />
+    </el-collapse-item>
+  </el-collapse>
+</template>
+<script>
+import dynamicForm from './dynamicForm'
+export default {
+  name: 'WidgetTemp',
+  components: {
+    dynamicForm,
+  },
+  props: {
+    options: Array,
+  },
+  data() {
+    return {
+      formData: {},
+    }
+  },
+  watch: {
+    options(val) {
+      console.log(val)
+    }
+  },
+  mounted() {
+    this.handlerOptions()
+  },
+  methods: {
+    onChanged(val) {
+      console.log(val)
+      for (const i in val) {
+        this.formData[i] = this.deepClone(val[i])
+      }
+      this.$emit('onChanged', this.formData)
+    },
+    handlerOptions() {
+      for (let i = 0; i < this.options.length; i++) {
+        const item = this.options[i]
+        for (let j = 0; j < item.list.length; j++) {
+          this.formData[item.list[j].name] = item.list[j].value
+        }
+      }
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.el-collapse {
+  border-top: none;
+  border-bottom: none;
+}
+/deep/.el-collapse-item__header {
+  height: 40px;
+  line-height: 40px;
+  background: transparent;
+  color: #bcc9d4;
+  font-weight: 300;
+  font-size: 12px;
+  border-color: #282e3a;
+}
+/deep/.el-collapse-item__wrap {
+  background: transparent;
+  border: none;
+}
+/deep/.el-collapse-item__content {
+  padding-bottom: 0;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/form/dynamicComponents.vue b/report-ui/src/views/report/bigscreen/designer/form/dynamicComponents.vue
new file mode 100644
index 00000000..ae13c5a1
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/form/dynamicComponents.vue
@@ -0,0 +1,178 @@
+<template>
+  <div>
+    <el-form label-width="80px" label-position="left">
+      <el-form-item label="数据集">
+        <el-select v-model="dataSetValue" clearable placeholder="请选择" @change="selectDataSet">
+          <el-option v-for="item in dataSet" :key="item.code" :label="item.setName" :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <el-form-item v-for="(item, index) in userNameList" :key="index" :label="item.paramName">
+        <el-input v-model="item.sampleItem" />
+      </el-form-item>
+      <el-form-item v-for="item in setParamList" :key="item" :label="item">
+        <Dictionary v-model="params" :dict-key="'CHART_PROPERTIES'" @input="selectParams($event, item)" />
+      </el-form-item>
+      <el-button style="width: 100%" type="primary" plain @click="saveDataBtn">刷新</el-button>
+    </el-form>
+  </div>
+</template>
+<script>
+import { queryAllDataSet, detailBysetId, getData } from '@/api/bigscreen'
+import Dictionary from '@/components/Dictionary/index'
+
+export default {
+  name: 'DynamicComponents',
+  components: {
+    Dictionary,
+  },
+  model: {
+    prop: 'formData',
+    event: 'input',
+  },
+  props: {
+    chartType: String,
+    props: ['formData'],
+  },
+  data() {
+    return {
+      dataSetValue: '',
+
+      dataSet: [], // 数据集
+      userNameList: [], // 用户
+      setParamList: [], // 对应的不同的图形数据参数
+      params: {},
+      chartProperties: {},
+    }
+  },
+  computed: {
+    setCode() {
+      let code = ''
+      this.dataSet.forEach((el) => {
+        if (el.id == this.dataSetValue) {
+          code = el.setCode
+        }
+      })
+      return code
+    },
+  },
+  mounted() {
+    this.loadDataSet()
+  },
+  methods: {
+    async loadDataSet() {
+      const { code, data } = await queryAllDataSet()
+      this.dataSet = data
+      if (code != '200') return
+    },
+    async selectDataSet() {
+      const { code, data } = await detailBysetId(this.dataSetValue)
+      this.userNameList = data.dataSetParamDtoList
+      this.setParamList = data.setParamList
+      if (code != '200') return
+    },
+    async saveDataBtn() {
+      const contextData = {}
+      for (let i = 0; i < this.userNameList.length; i++) {
+        contextData[this.userNameList[i].paramName] = this.userNameList[i].sampleItem
+      }
+      const params = {
+        chartType: this.chartType,
+        setCode: this.setCode,
+        chartProperties: this.chartProperties,
+        contextData,
+      }
+      const { code, data } = await getData(params)
+      const analysisData = this.analysisChartsData(data)
+      console.log(analysisData)
+      this.$emit('input', analysisData)
+      if (code != '200') return
+    },
+    selectParams(val, key) {
+      this.chartProperties[key] = val
+    },
+    // 解析不同图标的数据
+    analysisChartsData(data) {
+      // widget-barchart 柱线图、widget-linechart 折线图、 widget-barlinechart 柱线图、widget-piechart 饼图、widget-hollow-piechart 空心饼图
+      // widget-funnel 漏斗图  widget-gauge 仪表盘
+      const chartType = this.chartType
+      if (chartType == 'widget-barchart' || chartType == 'widget-linechart' || chartType == 'widget-barlinechart') {
+        return this.barOrLineChartFn(data)
+      } else if (chartType == 'widget-piechart' || chartType == 'widget-hollow-piechart' || chartType == 'widget-funnel') {
+        return this.piechartFn(data)
+      } else if (chartType == 'widget-gauge') {
+        return this.gaugeFn(data)
+      } else {
+      }
+    },
+    // 柱状图、折线图、折柱图
+    barOrLineChartFn(data) {
+      const ananysicData = {}
+      const xAxisList = []
+      const series = []
+      for (const key in this.chartProperties) {
+        const obj = {}
+        const seriesData = []
+        const value = this.chartProperties[key]
+        obj['type'] = value
+        for (let i = 0; i < data.length; i++) {
+          if (value.startsWith('xAxis')) {
+            // 代表为x轴
+            xAxisList[i] = data[i][key]
+          } else {
+            // 其他的均为series展示数据
+            seriesData[i] = data[i][key]
+          }
+        }
+        obj['data'] = seriesData
+        if (!obj['type'].startsWith('xAxis')) {
+          series.push(obj)
+        }
+      }
+      ananysicData['xAxis'] = xAxisList
+      ananysicData['series'] = series
+      // console.log(ananysicData, '结果数据')
+      return ananysicData
+    },
+
+    // 饼图或者空心饼图或者漏斗图
+    piechartFn(data) {
+      const ananysicData = []
+      for (let i = 0; i < data.length; i++) {
+        const obj = {}
+        for (const key in this.chartProperties) {
+          const value = this.chartProperties[key]
+          if (value === 'name') {
+            obj['name'] = data[i][key]
+          } else {
+            obj['value'] = data[i][key]
+          }
+        }
+        ananysicData.push(obj)
+      }
+      // console.log(ananysicData, '结果数据')
+      return ananysicData
+    },
+    gaugeFn(data) {
+      const ananysicData = []
+      for (let i = 0; i < data.length; i++) {
+        const obj = {}
+        for (const key in this.chartProperties) {
+          const value = this.chartProperties[key]
+          if (value === 'name') {
+            obj['name'] = data[i][key]
+          } else {
+            obj['value'] = data[i][key]
+          }
+        }
+        if (!obj['unit']) {
+          obj['unit'] = '%'
+        }
+        ananysicData.push(obj)
+      }
+      // console.log(ananysicData, '结果数据')
+      return ananysicData[0]
+    },
+  },
+}
+</script>
+<style lang="sass" scoped></style>
diff --git a/report-ui/src/views/report/bigscreen/designer/form/dynamicForm.vue b/report-ui/src/views/report/bigscreen/designer/form/dynamicForm.vue
new file mode 100644
index 00000000..efaa753e
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/form/dynamicForm.vue
@@ -0,0 +1,286 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-4-6 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <div class="collapse-input-style">
+    <el-form label-width="80px" label-position="left">
+      <template v-for="(item, index) in options">
+        <el-form-item v-if="inputShow[item.name]" :key="index" :label="item.label" :prop="item.name" :required="item.required">
+          <el-input-number
+            v-if="item.type == 'el-input-number'"
+            v-model="formData[item.name]"
+            controls-position="right"
+            :placeholder="item.placeholder"
+            @change="changed($event, item.name)"
+          />
+
+          <el-input
+            v-if="item.type == 'el-input-text'"
+            v-model.trim="formData[item.name]"
+            type="text"
+            placeholder="请输入内容"
+            clearable
+            @change="changed($event, item.name)"
+          />
+
+          <el-input
+            v-if="item.type == 'el-input-textarea'"
+            v-model.trim="formData[item.name]"
+            type="textarea"
+            rows="2"
+            placeholder="请输入内容"
+            @change="changed($event, item.name)"
+          />
+
+          <el-switch
+            v-if="item.type == 'el-switch'"
+            v-model="formData[item.name]"
+            placeholder="请输入内容"
+            @change="changed($event, item.name)"
+          />
+
+          <ColorPicker
+            v-if="item.type == 'vue-color'"
+            v-model="formData[item.name]"
+            @change="(val) => changed(val, item.name)"
+          />
+
+          <el-upload
+            v-if="item.type == 'el-upload-picture'"
+            action="https://jsonplaceholder.typicode.com/posts/"
+            list-type="picture-card"
+          />
+
+          <el-radio-group
+            v-if="item.type == 'el-radio-group'"
+            v-model="formData[item.name]"
+            @change="(val) => changed(val, item.name)"
+          >
+            <el-radio
+              v-for="itemChild in item.selectOptions"
+              :key="itemChild.code"
+              :label="itemChild.code"
+            >{{ itemChild.name }}</el-radio>
+          </el-radio-group>
+
+          <el-select
+            v-if="item.type == 'el-select'"
+            v-model="formData[item.name]"
+            clearable
+            placeholder="请选择"
+            @change="(val) => changed(val, item.name)"
+          >
+            <el-option
+              v-for="itemChild in item.selectOptions"
+              :key="itemChild.code"
+              :label="itemChild.name"
+              :value="itemChild.code"
+            />
+          </el-select>
+
+          <el-slider
+            v-if="item.type == 'el-slider'"
+            v-model="formData[item.name]"
+            @change="(val) => changed(val, item.name)"
+          />
+
+          <el-button
+            v-if="item.type == 'el-button'"
+            type="primary"
+            plain
+            @click="addStaticData"
+          >编辑</el-button>
+
+          <!-- 弹窗 -->
+          <el-dialog
+            title="代码编辑"
+            :visible.sync="dialogVisibleStaticData"
+            width="50%"
+            :before-close="handleClose"
+          >
+            <codemirror
+              v-model.trim="formData[item.name]"
+              class="code-mirror"
+              :options="optionsJavascript"
+              style="height: 190px"
+            />
+            <span
+              slot="footer"
+              class="dialog-footer"
+            >
+              <el-button @click="dialogVisibleStaticData = false">取 消</el-button>
+              <el-button
+                type="primary"
+                @click="saveData"
+              >确 定</el-button>
+            </span>
+          </el-dialog>
+        </el-form-item>
+      </template>
+      <!-- 自定义组件 -->
+      <template v-for="item in options">
+        <div :key="item.name">
+          <dynamicComponents
+            v-if="item.type == 'dycustComponents' && inputShow[item.name]"
+            v-model="formData[item.name]"
+            :chart-type="item.chartType"
+          />
+          <customColorComponents
+            v-if="item.type == 'customColor' && inputShow[item.name]"
+            v-model="formData[item.name]"
+          />
+        </div>
+      </template>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import ColorPicker from './colorPicker.vue'
+import { codemirror } from 'vue-codemirror' // 引入codeMirror全局实例
+import 'codemirror/lib/codemirror.css' // 核心样式
+import 'codemirror/theme/cobalt.css' // 引入主题后还需要在 options 中指定主题才会生效
+// language
+import 'codemirror/mode/vue/vue.js'
+import 'codemirror/mode/javascript/javascript.js'
+import 'codemirror/mode/sql/sql.js'
+import 'codemirror/mode/shell/shell.js'
+import dynamicComponents from './dynamicComponents.vue'
+import customColorComponents from './customColorComponents'
+import vueJsonEditor from 'vue-json-editor'
+export default {
+  name: 'DynamicForm',
+  components: {
+    ColorPicker,
+    codemirror,
+    dynamicComponents,
+    customColorComponents,
+    // eslint-disable-next-line vue/no-unused-components
+    vueJsonEditor
+  },
+  model: {
+    prop: 'value',
+    event: 'input',
+  },
+  props: {
+    options: Array,
+    value: {
+      type: [Object],
+      default: () => { },
+    },
+  },
+  data() {
+    return {
+      formData: {},
+      inputShow: {}, // 控制表单是否显示
+      dialogVisibleStaticData: false,
+      validationRules: '',
+      optionsJavascript: {
+        mode: 'text/javascript',
+        tabSize: 2, // 缩进格式
+        // theme: 'cobalt', // monokai主题，对应主题库 JS 需要提前引入
+        lineNumbers: true, // 显示行号
+        line: true,
+        styleActiveLine: true, // 高亮选中行
+
+        hintOptions: {
+          completeSingle: true, // 当匹配只有一项的时候是否自动补全
+        },
+      },
+    }
+  },
+  watch: {
+    value(newValue, oldValue) {
+      console.log(newValue)
+      this.formData = newValue || {}
+    },
+    options() {
+      this.setDefaultValue()
+      this.isShowData()
+    },
+    formData: {
+      handler() {
+        this.$emit('onChanged', this.formData)
+      },
+      deep: true,
+    },
+  },
+  created() {
+    this.isShowData()
+    this.setDefaultValue()
+  },
+  mounted() {},
+  methods: {
+    // 无论哪个输入框改变 都需要触发事件 将值回传
+    changed(val, key) {
+      if (val.extend) {
+        this.$set(this.formData, key, val.value)
+      } else {
+        this.$set(this.formData, key, val)
+      }
+      this.$emit('onChanged', this.formData)
+      // key为当前用户操作的表单组件
+      for (var i = 0; i < this.options.length; i++) {
+        var item = this.options[i]
+        if (item.relactiveDom == key) {
+          this.inputShow[item.name] = val == item.relactiveDomValue
+          this.inputShow = Object.assign({}, this.inputShow)
+        }
+      }
+    },
+    saveData() {
+      this.$emit('onChanged', this.formData)
+      this.dialogVisibleStaticData = false
+    },
+    // 静态数据
+    addStaticData() {
+      this.dialogVisibleStaticData = true
+    },
+    handleClose() {
+      this.dialogVisibleStaticData = false
+    },
+    // 组件属性 数据是否展示动态还是静态数据
+    isShowData() {
+      let currentData = {}
+      const data = []
+      for (let i = 0; i < this.options.length; i++) {
+        // 添加默认的inputShow值
+        this.inputShow[this.options[i].name] = true
+        if (this.options[i].selectValue) {
+          currentData = this.options[i]
+        } else {
+          data.push(this.options[i])
+        }
+      }
+      data.forEach((el) => {
+        if (el.relactiveDomValue != currentData.value) {
+          this.inputShow[el.name] = false
+        }
+      })
+    },
+    // 组件拖入时 赋值
+    setDefaultValue() {
+      if (this.options && this.options.length > 0) {
+        for (let i = 0; i < this.options.length; i++) {
+          this.formData[this.options[i].name] = this.deepClone(this.options[i].value)
+        }
+        this.formData = Object.assign({}, this.formData)
+      }
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+/deep/ .el-form-item__label {
+  font-size: 12px;
+  color: #fff;
+}
+.code-mirror {
+  width: 100%;
+  height: 100% !important;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/index.vue b/report-ui/src/views/report/bigscreen/designer/index.vue
new file mode 100644
index 00000000..a04601c9
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/index.vue
@@ -0,0 +1,685 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <div class="layout">
+    <div v-if="toolIsShow" class="layout-left" :style="{ width: widthLeftForTools + 'px' }">
+      <el-tabs type="border-card" :stretch="true">
+        <!-- 左侧组件栏-->
+        <el-tab-pane label="工具栏">
+          <!-- <el-divider content-position="center">html</el-divider>-->
+          <draggable v-for="widget in widgetTools" :key="widget.code" @end="(evt) => widgetOnDragged(evt, widget.code)">
+            <div class="tools-item">
+              <span class="tools-item-icon">
+                <svg-icon :icon-class="widget.icon" />
+              </span>
+              <span class="tools-item-text">{{ widget.label }}</span>
+            </div>
+          </draggable>
+        </el-tab-pane>
+        <!-- 左侧图层-->
+        <el-tab-pane label="图层">
+          <div v-for="(item, index) in layerWidget" :key="index" class="tools-item">
+            <span class="tools-item-icon">
+              <svg-icon :icon-class="item.icon" />
+            </span>
+            <span class="tools-item-text">{{ item.label }}</span>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+
+    <div class="layout-left-fold" :style="{ width: widthLeftForToolsHideButton + 'px' }" @click="toolIsShow = !toolIsShow">
+      <i class="iconfont iconfold" />
+    </div>
+
+    <div class="layout-middle" :style="{ width: middleWidth + 'px', height: middleHeight + 'px' }">
+      <div class="top-button">
+        <span class="btn">
+          <el-tooltip class="item" effect="dark" content="保存" placement="bottom">
+            <svg-icon icon-class="report" @click="saveData" />
+          </el-tooltip>
+        </span>
+        <span class="btn">
+          <el-tooltip class="item" effect="dark" content="预览" placement="bottom">
+            <svg-icon icon-class="eye-open" @click="viewScreen" />
+          </el-tooltip>
+        </span>
+      </div>
+      <div class="workbench-container" :style="{ width: bigscreenWidthInWorkbench + 'px', height: bigscreenHeightInWorkbench + 'px' }">
+        <vue-ruler-tool v-model="dashboard.presetLine" class="vueRuler" :step-length="50" :parent="true" :position="'relative'" :is-scale-revise="true" :visible.sync="dashboard.presetLineVisible">
+          <div id="workbench" class="workbench" :style="{ transform: workbenchTransform, width: bigscreenWidth + 'px', height: bigscreenHeight + 'px', 'background-color': dashboard.backgroundColor, 'background-image': 'url(' + dashboard.backgroundImage + ')', 'background-position': '0% 0%', 'background-size': '100% 100%', 'background-repeat': 'initial', 'background-attachment': 'initial', 'background-origin': 'initial', 'background-clip': 'initial' }" @click="setOptionsOnClickScreen">
+            <widget v-for="(widget, index) in widgets" :key="index" v-model="widget.value" :index="index" :type="widget.type" :bigscreen="{ bigscreenWidth, bigscreenHeight }" @onActivated="setOptionsOnClickWidget" @contextmenu.prevent.native="rightClick($event, index)" />
+          </div>
+        </vue-ruler-tool>
+      </div>
+    </div>
+
+    <div class="layout-right" :style="{ width: widthLeftForOptions + 'px' }">
+      <el-tabs v-model="activeName" type="border-card" :stretch="true">
+        <el-tab-pane v-if="isNotNull(widgetOptions.setup) || isNotNull(widgetOptions.collapse)" name="first" label="配置">
+          <dynamicForm ref="formData" :options="widgetOptions.setup" @onChanged="(val) => widgetValueChanged('setup', val)" />
+          <dynamicCollapseForm v-if="widgetOptions.collapse && widgetOptions.collapse.length > 0" ref="formData" :options="widgetOptions.collapse" @onChanged="(val) => widgetValueChanged('collapse', val)" />
+        </el-tab-pane>
+        <el-tab-pane v-if="isNotNull(widgetOptions.data)" name="second" label="数据">
+          <dynamicForm ref="formData" :options="widgetOptions.data" @onChanged="(val) => widgetValueChanged('data', val)" />
+        </el-tab-pane>
+        <el-tab-pane v-if="isNotNull(widgetOptions.position)" name="third" label="坐标">
+          <dynamicForm ref="formData" :options="widgetOptions.position" @onChanged="(val) => widgetValueChanged('position', val)" />
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+
+    <content-menu :visible.sync="visibleContentMenu" :style-obj="styleObj" @deletelayer="deletelayer" />
+  </div>
+</template>
+
+<script>
+import { insertDashboard, detailDashboard } from '@/api/bigscreen'
+import { widgetTools, getToolByCode } from './tools'
+import widget from './widget/widget.vue'
+import dynamicForm from './form/dynamicForm.vue'
+import dynamicCollapseForm from './form/dynamicCollapseForm.vue'
+import draggable from 'vuedraggable'
+import VueRulerTool from 'vue-ruler-tool' // 大屏设计页面的标尺插件
+import contentMenu from './form/contentMenu'
+export default {
+  name: 'Login',
+  components: {
+    draggable,
+    VueRulerTool,
+    widget,
+    dynamicForm,
+    dynamicCollapseForm,
+    contentMenu,
+  },
+  data() {
+    return {
+      widgetTools: widgetTools, // 左侧工具栏的组件图标，将js变量加入到当前作用域
+      widthLeftForTools: 200, // 左侧工具栏宽度
+      widthLeftForToolsHideButton: 15, // 左侧工具栏折叠按钮宽度
+      widthLeftForOptions: 300, // 右侧属性配置区
+      toolIsShow: true, // 左侧工具栏是否显示
+
+      bigscreenWidth: 1920, // 大屏设计的大小
+      bigscreenHeight: 1080,
+
+      // 工作台大屏画布，保存到表gaea_report_dashboard中
+      dashboard: {
+        id: null,
+        title: '', // 大屏页面标题
+        width: 1920, // 大屏设计宽度
+        height: 1080, // 大屏设计高度
+        backgroundColor: '', // 大屏背景色
+        backgroundImage: '', // 大屏背景图片
+        refreshSeconds: null, // 大屏刷新时间间隔
+        presetLine: [], // 辅助线
+        presetLineVisible: true, // 辅助线是否显示
+      },
+      // 大屏的标记
+      screenCode: '',
+      // 大屏画布中的组件
+      widgets: [
+        {
+          // type和value最终存到数据库中去，保存到gaea_report_dashboard_widget中
+          type: 'widget-text',
+          value: {
+            setup: {},
+            data: {},
+            position: {
+              width: 100,
+              height: 100,
+              left: 0,
+              top: 0,
+              zIndex: 0,
+            },
+          },
+          // options属性是从工具栏中拿到的tools中拿到
+          options: [],
+        },
+      ], // 工作区中拖放的组件
+
+      // 当前激活组件
+      widgetIndex: 0,
+      // 当前激活组件右侧配置属性
+      widgetOptions: {
+        setup: [], // 配置
+        collapse: [],
+        data: [], // 数据
+        position: [], // 坐标
+      },
+      flagWidgetClickStopPropagation: false, // 点击组件时阻止事件冒泡传递到画布click事件上
+      styleObj: {
+        left: 0,
+        top: 0,
+      },
+      visibleContentMenu: false,
+      rightClickIndex: -1,
+      activeName: 'first',
+    }
+  },
+  computed: {
+    // 左侧折叠切换时，动态计算中间区的宽度
+    middleWidth() {
+      var widthLeftAndRight = 0
+      if (this.toolIsShow) {
+        widthLeftAndRight += this.widthLeftForTools // 左侧工具栏宽度
+      }
+      widthLeftAndRight += this.widthLeftForToolsHideButton // 左侧工具栏折叠按钮宽度
+      widthLeftAndRight += this.widthLeftForOptions // 右侧配置栏宽度
+
+      var middleWidth = this.bodyWidth - widthLeftAndRight
+      return middleWidth
+    },
+    middleHeight() {
+      return this.bodyHeight
+    },
+    // 设计台按大屏的缩放比例
+    bigscreenScaleInWorkbench() {
+      var widthScale = this.middleWidth / this.bigscreenWidth
+      var heightScale = this.middleHeight / this.bigscreenHeight
+      return Math.min(widthScale, heightScale)
+    },
+    workbenchTransform() {
+      return `scale(${this.bigscreenScaleInWorkbench}, ${this.bigscreenScaleInWorkbench})`
+    },
+    // 大屏在设计模式的大小
+    bigscreenWidthInWorkbench() {
+      return this.getPXUnderScale(this.bigscreenWidth)
+    },
+    bigscreenHeightInWorkbench() {
+      return this.getPXUnderScale(this.bigscreenHeight)
+    },
+    layerWidget() {
+      const layerWidgetArr = []
+      for (let i = 0; i < this.widgets.length; i++) {
+        layerWidgetArr.push(getToolByCode(this.widgets[i].type))
+      }
+      return layerWidgetArr
+    },
+  },
+  mounted() {
+    // 一进入时，加载屏幕配置属性
+    this.setOptionsOnClickScreen()
+
+    // 如果是新的设计工作台
+    this.initEchartData()
+    this.widgets = []
+  },
+  methods: {
+    async initEchartData() {
+      const reportCode = this.$route.query.reportCode
+      const { code, data } = await detailDashboard(reportCode)
+      if (code != 200) return
+      const processData = this.handleInitEchartsData(data)
+      const screenData = this.handleBigScreen(data.dashboard)
+      this.widgets = processData
+      this.dashboard = screenData
+    },
+    handleBigScreen(data) {
+      const optionScreen = this.deepClone(getToolByCode('screen').options)
+      const setup = optionScreen.setup
+      for (const key in data) {
+        for (let i = 0; i < setup.length; i++) {
+          if (key == setup[i].name) {
+            setup[i].value = data[key]
+          }
+        }
+      }
+      return {
+        backgroundColor: data.backgroundColor,
+        backgroundImage: data.backgroundImage,
+        height: data.height,
+        title: data.title,
+        width: data.width,
+      }
+    },
+    handleInitEchartsData(data) {
+      const widgets = data.dashboard.widgets
+      const widgetsData = []
+      for (let i = 0; i < widgets.length; i++) {
+        var obj = {}
+        obj.type = widgets[i].type
+        obj.value = {
+          setup: widgets[i].value.setup,
+          data: widgets[i].value.data,
+          collapse: widgets[i].value.collapse,
+          position: widgets[i].value.position,
+        }
+        const tool = this.deepClone(getToolByCode(widgets[i].type))
+        const option = tool.options
+        const options = this.handleOptionsData(widgets[i].value, option)
+        obj.options = options
+        widgetsData.push(obj)
+      }
+      return widgetsData
+    },
+    handleOptionsData(data, option) {
+      for (const key in data.setup) {
+        for (let i = 0; i < option.setup.length; i++) {
+          if (key == option.setup[i].name) {
+            option.setup[i].value = data.setup[key]
+          }
+        }
+      }
+      // position
+      for (const key in data.position) {
+        for (let i = 0; i < option.position.length; i++) {
+          if (key == option.position[i].name) {
+            option.position[i].value = data.position[key]
+          }
+        }
+      }
+      // data
+      for (const key in data.data) {
+        for (let i = 0; i < option.data.length; i++) {
+          if (key == option.data[i].name) {
+            option.data[i].value = data.data[key]
+          }
+        }
+      }
+      // collapse
+      for (const key in data.collapse) {
+        for (let i = 0; i < option.collapse.length; i++) {
+          const itemList = option.collapse[i].list
+          for (let j = 0; j < itemList.length; j++) {
+            if (key == itemList[j].name) {
+              itemList[j].value = data.collapse[key]
+            }
+          }
+        }
+      }
+      return option
+    },
+    // 保存数据
+    async saveData() {
+      if (!this.widgets || this.widgets.length == 0) {
+        this.$message.error('请添加组件')
+        return
+      }
+      const screenData = {
+        reportCode: this.$route.query.reportCode,
+        dashboard: {
+          title: this.dashboard.title,
+          width: this.dashboard.width,
+          height: this.dashboard.height,
+          backgroundColor: this.dashboard.backgroundColor,
+          backgroundImage: this.dashboard.backgroundImage,
+        },
+        widgets: this.widgets,
+      }
+      console.log(this.dashboard)
+      console.log(screenData)
+      const { code, data } = await insertDashboard(screenData)
+      if (code != '200') return
+    },
+    // 预览
+    viewScreen() {
+      var routeUrl = this.$router.resolve({ path: '/report/bigscreen/viewer', query: { reportCode: this.$route.query.reportCode }})
+      window.open(routeUrl.href, '_blank')
+    },
+    // 在缩放模式下的大小
+    getPXUnderScale(px) {
+      return this.bigscreenScaleInWorkbench * px
+    },
+
+    // 拖动一个组件放到工作区中去，在拖动结束时，放到工作区对应的坐标点上去
+    widgetOnDragged(evt, widgetCode) {
+      var widgetType = widgetCode
+
+      // 获取结束坐标和列名
+      var eventX = evt.originalEvent.clientX // 结束在屏幕的x坐标
+      var eventY = evt.originalEvent.clientY // 结束在屏幕的y坐标
+
+      var workbenchPosition = this.getDomTopLeftById('workbench')
+      var widgetTopInWorkbench = eventY - workbenchPosition.top
+      var widgetLeftInWorkbench = eventX - workbenchPosition.left
+
+      // 计算在缩放模式下的x y
+      var x = widgetLeftInWorkbench / this.bigscreenScaleInWorkbench
+      var y = widgetTopInWorkbench / this.bigscreenScaleInWorkbench
+
+      // 复制一个组件
+      var tool = getToolByCode(widgetType)
+
+      var widgetJson = {
+        type: widgetType,
+        value: {
+          setup: {},
+          data: {},
+          collapse: {},
+          position: {
+            width: 0,
+            height: 0,
+            left: 0,
+            top: 0,
+            zIndex: 0,
+          },
+        },
+        options: tool.options,
+      }
+
+      // 处理默认值
+      const widgetJsonValue = this.handleDefaultValue(widgetJson)
+
+      // 将选中的复制组件，放到工作区中去
+
+      this.widgets.push(this.deepClone(widgetJsonValue))
+      console.log(this.widgets)
+
+      // 激活新组件的配置属性
+      this.setOptionsOnClickWidget(this.widgets.length - 1)
+    },
+
+    // 对组件默认值处理
+    handleDefaultValue(widgetJson) {
+      for (const key in widgetJson) {
+        if (key == 'options') {
+          // collapse、data、position、setup
+          // setup 处理
+          for (let i = 0; i < widgetJson.options.setup.length; i++) {
+            const item = widgetJson.options.setup[i]
+            if (item.value) {
+              widgetJson.value.setup[item.name] = item.value
+            }
+          }
+          // position
+          for (let i = 0; i < widgetJson.options.position.length; i++) {
+            const item = widgetJson.options.position[i]
+            if (item.value) {
+              widgetJson.value.position[item.name] = item.value
+            }
+          }
+          // collapse 处理
+          if (widgetJson.options.collapse && widgetJson.options.collapse.length > 0) {
+            for (let i = 0; i < widgetJson.options.collapse.length; i++) {
+              const itemList = widgetJson.options.collapse[i].list
+              for (let j = 0; j < itemList.length; j++) {
+                const itemChildList = itemList[j]
+                if (itemChildList.value) {
+                  widgetJson.value.collapse[itemChildList.name] = itemChildList.value
+                }
+              }
+            }
+          }
+          // data 处理
+          if (widgetJson.options.data && widgetJson.options.data.length > 0) {
+            for (let i = 0; i < widgetJson.options.data.length; i++) {
+              const item = widgetJson.options.data[i]
+              if (item.value) {
+                widgetJson.value.data[item.name] = item.value
+              }
+            }
+          }
+        }
+      }
+      return widgetJson
+    },
+
+    // 如果是点击大屏设计器中的底层，加载大屏底层属性
+    setOptionsOnClickScreen() {
+      this.screenCode = 'screen'
+      // 选中不同的组件 右侧都显示第一栏
+      this.activeName = 'first'
+      this.widgetOptions = getToolByCode('screen')['options']
+    },
+
+    // 如果是点击某个组件，获取该组件的配置项
+    setOptionsOnClickWidget(index) {
+      // 选中不同的组件 右侧都显示第一栏
+      this.activeName = 'first'
+      this.screenCode = ''
+      if (typeof index == 'number') {
+        if (index < 0 || index >= this.widgets.length) {
+          return
+        }
+        this.widgetIndex = index
+        this.widgetOptions = this.deepClone(this.widgets[index]['options'])
+        return
+      } else {
+        // 执行传递过来的值
+        this.widgets[index.index].value.position = index.obj
+      }
+    },
+
+    // 将当前选中的组件，右侧属性值更新
+    widgetValueChanged(key, val) {
+      /* 更新指定 this.widgets 中第 this.widgetIndex 个组件的value
+      widgets: [{
+        type: 'widget-text',
+        value: {
+          setup:{},
+          data: {},
+          position: {}
+        }
+      }]*/
+      
+      if (this.screenCode == 'screen') {
+        this.dashboard = this.deepClone(val)
+      }
+      for (let i = 0; i < this.widgets.length; i++) {
+        if (this.widgetIndex == i) {
+          this.widgets[i].value[key] = this.deepClone(val)
+          this.setDefaultValue(this.widgets[i].options[key], key, val)
+        }
+      }
+      // console.log(this.widgets)
+    },
+    rightClick(event, index) {
+      this.rightClickIndex = index
+      const left = event.clientX
+      const top = event.clientY
+      if (left || top) {
+        this.styleObj = {
+          left: left + 'px',
+          top: top + 'px',
+          display: 'block',
+        }
+      }
+      this.visibleContentMenu = true
+      return false
+    },
+    deletelayer() {
+      this.widgets.splice(this.rightClickIndex, 1)
+    },
+    setDefaultValue(options, type, val) {
+      // type: setup、collapse、data、position
+      const optionsArr = options
+      if (type == 'collapse') {
+        for (let i = 0; i < optionsArr.length; i++) {
+          const list = optionsArr[i].list
+          for (let j = 0; j < list.length; j++) {
+            for (const k in val) {
+              if (list[j].name == k) {
+                list[j].value = val[k]
+              } 
+            }
+          }
+        }
+      } else {
+        for (let i = 0; i < optionsArr.length; i++) {
+          for (const k in val) {
+            if (optionsArr[i].name == k) {
+              optionsArr[i].value = val[k]
+            } 
+          }
+        }
+      }
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.layout {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  overflow: hidden;
+  .layout-left {
+    display: inline-block;
+    height: 100%;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    border: 0px;
+    background-color: #263445;
+
+    //工具栏一个元素
+    .tools-item {
+      display: flex;
+      position: relative;
+      width: 100%;
+      height: 48px;
+      align-items: center;
+      -webkit-box-align: center;
+      padding: 0 6px;
+      cursor: pointer;
+      font-size: 12px;
+      margin-bottom: 1px;
+
+      .tools-item-icon {
+        color: #409eff;
+        margin-right: 10px;
+        width: 53px;
+        height: 30px;
+        line-height: 30px;
+        text-align: center;
+        display: block;
+        border: 1px solid #3a4659;
+        background: #282a30;
+      }
+      .tools-item-text {
+      }
+    }
+  }
+
+  .layout-left-fold {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    height: 100%;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    font-size: 12px;
+    overflow: hidden;
+    background-color: #171b22;
+    cursor: pointer;
+    i {
+      font-size: 40px;
+      width: 15px;
+      margin-left: -15px;
+      color: #bcc9d4;
+    }
+  }
+
+  .layout-middle {
+    // display: flex;
+    position: relative;
+    //width: calc(100% - 445px);
+    height: 100%;
+    background-color: #4f4f4ff0;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    border: 1px solid #dcdee2;
+    border-color: #e8eaec;
+    border-radius: 4px;
+    align-items: center;
+    vertical-align: middle;
+    .top-button {
+      display: flex;
+      flex-direction: row;
+      height: 40px;
+      line-height: 40px;
+      margin-left: 100px;
+      .btn {
+        color: #409eff;
+        width: 53px;
+        text-align: center;
+        display: block;
+        cursor: pointer;
+      }
+    }
+    .workbench-container {
+      position: relative;
+      -webkit-transform-origin: 0 0;
+      transform-origin: 0 0;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+      .vueRuler {
+        width: 100%;
+      }
+      .workbench {
+        background-color: #1e1e1e;
+        position: relative;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        -webkit-transform-origin: 0 0;
+        transform-origin: 0 0;
+        margin: 0;
+        padding: 0;
+      }
+    }
+  }
+
+  .layout-right {
+    display: inline-block;
+    height: 100%;
+  }
+
+  /deep/.el-tabs--border-card {
+    border: 0;
+    .el-tabs__header {
+      .el-tabs__nav {
+        .el-tabs__item {
+          background-color: #304156;
+          border: 0px;
+        }
+        .el-tabs__item.is-active {
+          background-color: #263445;
+        }
+      }
+    }
+    .el-tabs__content {
+      background-color: #263445;
+      height: calc(100vh - 40px);
+      overflow-x: hidden;
+      overflow-y: scroll;
+      .el-tab-pane {
+        color: #bfcbd9;
+      }
+      &::-webkit-scrollbar {
+        width: 14px;
+        height: 14px;
+      }
+      &::-webkit-scrollbar-track,
+      &::-webkit-scrollbar-thumb {
+        border-radius: 999px;
+        border: 5px solid transparent;
+      }
+      &::-webkit-scrollbar-track {
+        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5) inset;
+      }
+      &::-webkit-scrollbar-thumb {
+        min-height: 20px;
+        background-clip: content-box;
+        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.5) inset;
+      }
+      &::-webkit-scrollbar-corner {
+        background: transparent;
+      }
+    }
+  }
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/tools.js b/report-ui/src/views/report/bigscreen/designer/tools.js
new file mode 100644
index 00000000..21c7c13d
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/tools.js
@@ -0,0 +1,3606 @@
+const screenConfig = {
+  code: 'screen',
+  type: 'screen',
+  label: '大屏设置',
+  icon: '',
+  options: {
+    setup: [
+      {
+        type: 'el-input-number',
+        label: '大屏宽度',
+        name: 'width',
+        required: false,
+        placeholder: 'px',
+        value: '1920',
+      },
+      {
+        type: 'el-input-number',
+        label: '大屏高度',
+        name: 'height',
+        required: false,
+        placeholder: 'px',
+        value: '1080',
+      },
+      {
+        type: 'el-input-text',
+        label: '标题',
+        name: 'title',
+        require: false,
+        placeholder: '',
+        value: '大屏',
+      },
+      {
+        type: 'el-input-textarea',
+        label: '大屏简介',
+        name: 'description',
+        required: false,
+        placeholder: '',
+      },
+      {
+        type: 'vue-color',
+        label: '背景颜色',
+        name: 'backgroundColor',
+        required: false,
+        placeholder: '',
+        value: '#000',
+      },
+      // {
+      //   type: 'el-upload-picture',
+      //   label: '背景图片',
+      //   name: 'backgroundImage',
+      //   required: false,
+      //   placeholder: '',
+      // },
+      {
+        type: 'el-input-text',
+        label: '图片地址',
+        name: 'backgroundImage',
+        required: false,
+        placeholder: '',
+        value: 'http://10.108.26.197/business/file/download/adfc22ac-ed7f-4141-aeb9-ee81f16ac92d',
+      },
+    ],
+    data: [],
+    position: [],
+  },
+}
+
+const widgetTools = [
+  // type=html类型的组件
+  {
+    code: 'widget-text',
+    type: 'html',
+    label: '文本',
+    icon: 'text',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '文本框',
+        },
+        {
+          type: 'el-input-text',
+          label: '文本内容',
+          name: 'text',
+          required: false,
+          placeholder: '',
+          value: '文本框',
+        },
+        {
+          type: 'el-input-number',
+          label: '字体大小',
+          name: 'fontSize',
+          required: false,
+          placeholder: '',
+          value: '26',
+        },
+        {
+          type: 'vue-color',
+          label: '字体颜色',
+          name: 'color',
+          required: false,
+          placeholder: '',
+          value: '#FAD400',
+        },
+        {
+          type: 'el-input-number',
+          label: '字体间距',
+          name: 'letterSpacing',
+          required: false,
+          placeholder: '',
+          value: '0',
+        },
+        {
+          type: 'vue-color',
+          label: '字体背景',
+          name: 'background',
+          required: false,
+          placeholder: '',
+          value: 'rgba(115,170,229,.5)',
+        },
+        {
+          type: 'el-select',
+          label: '文字粗细',
+          name: 'fontWeight',
+          required: false,
+          placeholder: '',
+          selectOptions: [
+            { code: 'normal', name: '正常' },
+            { code: 'bold', name: '粗体' },
+            { code: 'bolder', name: '特粗体' },
+            { code: 'lighter', name: '细体' }
+          ],
+          value: 'normal'
+        },
+        {
+          type: 'el-select',
+          label: '对齐方式',
+          name: 'textAlign',
+          required: false,
+          placeholder: '',
+          selectOptions: [
+            { code: 'center', name: '居中' },
+            { code: 'left', name: '左对齐' },
+            { code: 'right', name: '右对齐' },
+          ],
+          value: 'center'
+        },
+      ],
+
+      // 数据
+      data: [],
+
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 100,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 40
+        },
+      ],
+    },
+  },
+  {
+    code: 'widget-marquee',
+    type: 'html',
+    label: '滚动文本',
+    icon: 'marquee',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '跑马灯',
+        },
+        {
+          type: 'el-input-text',
+          label: '文本内容',
+          name: 'text',
+          required: false,
+          placeholder: '',
+          value: '滚动文本',
+        },
+        {
+          type: 'el-input-number',
+          label: '字体大小',
+          name: 'fontSize',
+          required: false,
+          placeholder: '',
+          value: '26',
+        },
+        {
+          type: 'vue-color',
+          label: '字体颜色',
+          name: 'color',
+          required: false,
+          placeholder: '',
+          value: '#FAD400',
+        },
+        {
+          type: 'el-input-number',
+          label: '字体间距',
+          name: 'letterSpacing',
+          required: false,
+          placeholder: '',
+          value: '0',
+        },
+        {
+          type: 'vue-color',
+          label: '字体背景',
+          name: 'background',
+          required: false,
+          placeholder: '',
+          value: 'rgba(115,170,229,.5)',
+        },
+        {
+          type: 'el-select',
+          label: '文字粗细',
+          name: 'fontWeight',
+          required: false,
+          placeholder: '',
+          selectOptions: [
+            { code: 'normal', name: '正常' },
+            { code: 'bold', name: '粗体' },
+            { code: 'bolder', name: '特粗体' },
+            { code: 'lighter', name: '细体' }
+          ],
+          value: 'normal'
+        },
+        {
+          type: 'el-select',
+          label: '对齐方式',
+          name: 'textAlign',
+          required: false,
+          placeholder: '',
+          selectOptions: [
+            { code: 'center', name: '居中' },
+            { code: 'left', name: '左对齐' },
+            { code: 'right', name: '右对齐' },
+          ],
+          value: 'center'
+        },
+        {
+          type: 'el-switch',
+          label: '开启滚动',
+          name: 'marqueeSet',
+          required: false,
+          placeholder: '',
+          value: true,
+        },
+        {
+          type: 'el-input-text',
+          label: '滚动速度',
+          name: 'marqueeQuit',
+          required: false,
+          placeholder: '',
+        },
+      ],
+      // 数据
+      data: [],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 100,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 40,
+        },
+      ],
+    },
+  },
+  {
+    code: 'widget-href',
+    type: 'html',
+    label: '超链接',
+    icon: 'href',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '超链接',
+        },
+        {
+          type: 'el-input-text',
+          label: '文本内容',
+          name: 'text',
+          required: false,
+          placeholder: '',
+          value: '超链接',
+        },
+        {
+          type: 'el-input-number',
+          label: '字体大小',
+          name: 'fontSize',
+          required: false,
+          placeholder: '',
+          value: '26',
+        },
+        {
+          type: 'vue-color',
+          label: '字体颜色',
+          name: 'color',
+          required: false,
+          placeholder: '',
+          value: '#FAD400',
+        },
+        {
+          type: 'el-input-number',
+          label: '字体间距',
+          name: 'letterSpacing',
+          required: false,
+          placeholder: '',
+          value: '0',
+        },
+        {
+          type: 'vue-color',
+          label: '字体背景',
+          name: 'background',
+          required: false,
+          placeholder: '',
+          value: 'rgba(115,170,229,.5)',
+        },
+        {
+          type: 'el-select',
+          label: '文字粗细',
+          name: 'fontWeight',
+          required: false,
+          placeholder: '',
+          selectOptions: [
+            { code: 'normal', name: '正常' },
+            { code: 'bold', name: '粗体' },
+            { code: 'bolder', name: '特粗体' },
+            { code: 'lighter', name: '细体' }
+          ],
+          value: 'normal'
+        },
+        {
+          type: 'el-select',
+          label: '对齐方式',
+          name: 'textAlign',
+          required: false,
+          placeholder: '',
+          selectOptions: [
+            { code: 'center', name: '居中' },
+            { code: 'left', name: '左对齐' },
+            { code: 'right', name: '右对齐' },
+          ],
+          value: 'center'
+        },
+        {
+          type: 'el-radio-group',
+          label: '跳转方式',
+          name: 'jumpMode',
+          required: false,
+          placeholder: '',
+          selectOptions: [
+            {
+              code: 'self',
+              name: '本窗口',
+            },
+            {
+              code: 'other',
+              name: '新窗口',
+            },
+          ],
+          value: 'self',
+        },
+        {
+          type: 'el-input-text',
+          label: '超链地址',
+          name: 'linkAdress',
+          required: false,
+          placeholder: '',
+          value: 'http://www.baidu.com',
+        },
+      ],
+      // 数据
+      data: [],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 100,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 40,
+        },
+      ],
+    },
+  },
+  {
+    code: 'widget-time',
+    type: 'html',
+    label: '当前时间',
+    icon: 'time',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '当前时间',
+        },
+        {
+          type: 'el-select',
+          label: '时间格式',
+          name: 'timeFormat',
+          required: false,
+          placeholder: '',
+          selectOptions: [
+            { code: 'yyyy-MM-dd', name: '日期' },
+            { code: 'yyyy-MM-dd hh:mm', name: '日期+时分' },
+            { code: 'yyyy-MM-dd hh:mm:ss', name: '日期+时分秒' },
+            { code: 'MM-dd', name: '日期无年' },
+            { code: 'hh:mm', name: '时分' },
+            { code: 'hh:mm:ss', name: '时分秒' },
+          ],
+          value: 'yyyy-MM-dd hh:mm:ss'
+        },
+        {
+          type: 'el-input-number',
+          label: '字体间距',
+          name: 'letterSpacing',
+          required: false,
+          placeholder: '',
+          value: '0'
+        },
+        {
+          type: 'el-input-number',
+          label: '字体大小',
+          name: 'fontSize',
+          required: false,
+          placeholder: '',
+          value: '26'
+        },
+        {
+          type: 'vue-color',
+          label: '字体颜色',
+          name: 'color',
+          required: false,
+          placeholder: '',
+          value: '#FAD400'
+        },
+        {
+          type: 'vue-color',
+          label: '字体背景',
+          name: 'background',
+          required: false,
+          placeholder: '',
+          value: 'rgba(115,170,229,.5)'
+        },
+        {
+          type: 'el-select',
+          label: '文字粗细',
+          name: 'fontWeight',
+          required: false,
+          placeholder: '',
+          selectOptions: [
+            { code: 'normal', name: '正常' },
+            { code: 'bold', name: '粗体' },
+            { code: 'bolder', name: '特粗体' },
+            { code: 'lighter', name: '细体' }
+          ],
+          value: 'normal'
+        },
+        {
+          type: 'el-select',
+          label: '对齐方式',
+          name: 'textAlign',
+          required: false,
+          placeholder: '',
+          selectOptions: [
+            { code: 'center', name: '居中' },
+            { code: 'left', name: '左对齐' },
+            { code: 'right', name: '右对齐' },
+          ],
+          value: 'left'
+        },
+      ],
+      // 数据
+      data: [],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 300,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 100,
+        },
+      ],
+    },
+  },
+  {
+    code: 'widget-image',
+    type: 'html',
+    label: '图片',
+    icon: 'image',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '图片',
+        },
+        {
+          type: 'el-switch',
+          label: '开启旋转',
+          name: 'startRotate',
+          required: false,
+          placeholder: '',
+          value: false,
+        },
+        {
+          type: 'el-slider',
+          label: '透明度',
+          name: 'transparency',
+          required: false,
+          placeholder: '',
+          value: 100
+        },
+        {
+          type: 'el-input-number',
+          label: '圆角',
+          name: 'borderRadius',
+          required: false,
+          placeholder: '',
+          value: '0'
+        },
+        {
+          type: 'el-input-text',
+          label: '图片地址',
+          name: 'imageAdress',
+          required: false,
+          placeholder: '',
+          value: 'http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095508.jpg',
+        },
+        {
+          type: 'vue-color',
+          label: '背景颜色',
+          name: 'background',
+          required: false,
+          placeholder: '',
+        },
+      ],
+      // 数据
+      data: [],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 300,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 200,
+        },
+      ],
+    },
+  },
+  // {
+  //   code: 'widget-slider',
+  //   type: 'html',
+  //   label: '轮播图片',
+  //   icon: 'slider',
+  //   options: {
+  //     // 配置
+  //     setup: [
+  //       {
+  //         type: 'el-input-text',
+  //         label: '图层名称',
+  //         name: 'layerName',
+  //         required: false,
+  //         placeholder: '',
+  //       },
+  //       {
+  //         type: 'el-switch',
+  //         label: '隐藏图层',
+  //         name: 'hideLayer',
+  //         required: false,
+  //         placeholder: '',
+  //       },
+  //       {
+  //         type: 'el-select',
+  //         label: '轮播方向',
+  //         name: 'tabDirection',
+  //         required: false,
+  //         placeholder: '',
+  //       },
+  //       {
+  //         type: 'el-select',
+  //         label: '选择器',
+  //         name: 'tabSelector',
+  //         required: false,
+  //         placeholder: '',
+  //       },
+  //       {
+  //         type: 'el-input-number',
+  //         label: '轮播时间',
+  //         name: 'tabTime',
+  //         required: false,
+  //         placeholder: '',
+  //       },
+  //     ],
+  //     // 数据
+  //     data: [],
+  //     // 坐标
+  //     position: [
+  //       {
+  //         type: 'el-input-number',
+  //         label: '左边距',
+  //         name: 'left',
+  //         required: true,
+  //         placeholder: 'px',
+  //       },
+  //       {
+  //         type: 'el-input-number',
+  //         label: '上边距',
+  //         name: 'top',
+  //         required: true,
+  //         placeholder: 'px',
+  //       },
+  //       {
+  //         type: 'el-input-number',
+  //         label: '宽度',
+  //         name: 'width',
+  //         required: true,
+  //         placeholder: '该容器在1920px大屏中的宽度',
+  //       },
+  //       {
+  //         type: 'el-input-number',
+  //         label: '高度',
+  //         name: 'height',
+  //         required: true,
+  //         placeholder: '该容器在1080px大屏中的高度',
+  //       },
+  //     ],
+  //   },
+  // },
+  {
+    code: 'widget-video',
+    type: 'html',
+    label: '视频',
+    icon: 'video',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: 'video',
+        },
+        {
+          type: 'el-input-text',
+          label: '地址',
+          name: 'videoAdress',
+          required: false,
+          placeholder: '',
+          value: 'https://www.w3school.com.cn//i/movie.ogg',
+        },
+      ],
+      // 数据
+      data: [],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 300,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 200,
+        },
+      ],
+    },
+  },
+  // {
+  //   code: 'widget-table',
+  //   type: 'html',
+  //   label: '表格',
+  //   icon: 'table',
+  // },
+  {
+    code: 'widget-iframe',
+    type: 'html',
+    label: '内联框架',
+    icon: 'iframe',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: 'iframe',
+        },
+        {
+          type: 'el-input-text',
+          label: '地址',
+          name: 'iframeAdress',
+          required: false,
+          placeholder: '',
+          value: 'http://www.baidu.com',
+        },
+      ],
+      // 数据
+      data: [],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 300,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 200,
+        },
+      ],
+    },
+  },
+  // {
+  //   code: 'widget-universal',
+  //   type: 'html',
+  //   label: '全能组件',
+  //   icon: 'univresal',
+  // },
+  // type=chart类型的组件
+  {
+    code: 'widget-barchart',
+    type: 'chart',
+    label: '柱形图',
+    icon: 'barChart',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '柱状图',
+        },
+        {
+          type: 'el-switch',
+          label: '竖展示',
+          name: 'verticalShow',
+          required: false,
+          placeholder: '',
+          value: false,
+        },
+      ],
+      // 折叠面板
+      collapse: [
+        {
+          name: '柱体设置',
+          list: [
+            {
+              type: 'el-slider',
+              label: '最大宽度',
+              name: 'maxWidth',
+              required: false,
+              placeholder: '',
+              value: 20,
+            },
+            {
+              type: 'el-slider',
+              label: '圆角',
+              name: 'radius',
+              require: false,
+              placeholder: '',
+              value: 8,
+            },
+            {
+              type: 'el-slider',
+              label: '最小高度',
+              name: 'minHeight',
+              require: false,
+              placeholder: '',
+              value: 20,
+            },
+          ],
+        },
+        {
+          name: '标题设置',
+          list: [
+            {
+              type: 'el-switch',
+              label: '标题',
+              name: 'isNoTitle',
+              required: false,
+              placeholder: '',
+              value: false,
+            },
+            {
+              type: 'el-input-text',
+              label: '标题',
+              name: 'titleText',
+              required: false,
+              placeholder: '',
+              value: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'textColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'textFontWeight',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'textFontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体位置',
+              name: 'textAlign',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '副标题',
+              name: 'subText',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'subTextColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'subTextFontWeight',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'subTextFontSize',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: 'X轴设置',
+          list: [
+            {
+              type: 'el-input-text',
+              label: '名称',
+              name: 'xName',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-switch',
+              label: '显示',
+              name: 'hideX',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'vue-color',
+              label: '坐标名颜色',
+              name: 'xNameColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'xNameFontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-slider',
+              label: '文字角度',
+              name: 'textAngle',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '文字间隔',
+              name: 'textInterval',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-switch',
+              label: '轴反转',
+              name: 'reversalX',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '颜色',
+              name: 'Xcolor',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字号',
+              name: 'fontSizeX',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+          ],
+        },
+        {
+          name: 'Y轴设置',
+          list: [
+            {
+              type: 'el-input-text',
+              label: '名称',
+              name: 'textNameY',
+              require: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-switch',
+              label: '显示',
+              name: 'isShowY',
+              require: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'vue-color',
+              label: '坐标名颜色',
+              name: 'NameColorY',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'NameFontSizeY',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+            {
+              type: 'el-switch',
+              label: '轴反转',
+              name: 'reversalY',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '颜色',
+              name: 'colorY',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字号',
+              name: 'fontSizeY',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+          ],
+        },
+        {
+          name: '数值设定',
+          list: [
+            {
+              type: 'el-switch',
+              label: '显示',
+              name: 'isShow',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'fontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'subTextColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'fontWeight',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: '提示语设置',
+          list: [
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'fontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'lineColor',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        }, {
+          name: '坐标轴边距设置',
+          list: [
+            {
+              type: 'el-slider',
+              label: '左边距(像素)',
+              name: 'marginLeft',
+              required: false,
+              placeholder: '',
+              value: 10,
+            }, {
+              type: 'el-slider',
+              label: '顶边距(像素)',
+              name: 'marginTop',
+              required: false,
+              placeholder: '',
+              value: 10,
+            }, {
+              type: 'el-slider',
+              label: '右边距(像素)',
+              name: 'marginRight',
+              required: false,
+              placeholder: '',
+              value: 10,
+            }, {
+              type: 'el-slider',
+              label: '底边距(像素)',
+              name: 'marginBottom',
+              required: false,
+              placeholder: '',
+              value: 10,
+            },
+          ],
+        }, {
+          name: '图例操作',
+          list: [
+            {
+              type: 'el-switch',
+              label: '图例',
+              name: 'isShowLegend',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'lengedColor',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'lengedFontSize',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+            {
+              type: 'el-input-number',
+              label: '图例宽度',
+              name: 'lengedWidth',
+              required: false,
+              placeholder: '',
+              value: 15,
+            },
+            {
+              type: 'el-select',
+              label: '横向位置',
+              name: 'lateralPosition',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'left', name: '左对齐' },
+                { code: 'right', name: '右对齐' },
+              ],
+            },
+            {
+              type: 'el-select',
+              label: '纵向位置',
+              name: 'longitudinalPosition',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'top', name: '顶部' },
+                { code: 'bottom', name: '底部' },
+              ],
+            },
+            {
+              type: 'el-select',
+              label: '布局前置',
+              name: 'layoutFront',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'vertical', name: '竖排' },
+                { code: 'horizontal', name: '横排' },
+              ],
+            },
+          ],
+        }, {
+          name: '自定义配色',
+          list: [
+            {
+              type: 'customColor',
+              label: '',
+              name: 'customColor',
+              required: false,
+              value: [{ color: '#ED0E0E' }, { color: '#6CCD17' }, { color: '#172CCD' }, { color: '#B817CD' }, { color: '#AFCD17' }],
+            },
+          ],
+        },
+      ],
+      // 数据
+      data: [
+        {
+          type: 'el-radio-group',
+          label: '数据类型',
+          name: 'dataType',
+          require: false,
+          placeholder: '',
+          selectValue: true,
+          selectOptions: [
+            {
+              code: 'staticData',
+              name: '静态数据',
+            },
+            {
+              code: 'dynamicData',
+              name: '动态数据',
+            },
+          ],
+          value: 'staticData',
+        },
+        {
+          type: 'el-button',
+          label: '静态数据',
+          name: 'staticData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          relactiveDomValue: 'staticData',
+          value: '{"categories": ["苹果","三星","小米","oppo","vivo"],"series": [{"name": "手机品牌","data": [1000879,3400879,2300879,5400879,3400879]}]}',
+        },
+        {
+          type: 'dycustComponents',
+          label: '',
+          name: 'dynamicData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          relactiveDomValue: 'dynamicData',
+          chartType: 'widget-barchart',
+          value: '',
+        },
+      ],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 400,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 200,
+        },
+      ],
+    },
+  },
+  {
+    code: 'widget-linechart',
+    type: 'chart',
+    label: '折线图',
+    icon: 'lineChart',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '折线图',
+        },
+      ],
+      // 折叠面板
+      collapse: [
+        {
+          name: '折线设置',
+          list: [
+            {
+              type: 'el-switch',
+              label: '标记点',
+              name: 'markPoint',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'el-slider',
+              label: '点大小',
+              name: 'pointSize',
+              required: false,
+              placeholder: '',
+              value: 10,
+            },
+            {
+              type: 'el-switch',
+              label: '平滑曲线',
+              name: 'smoothCurve',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'el-switch',
+              label: '面积堆积',
+              name: 'area',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'el-slider',
+              label: '面积厚度',
+              name: 'areaThickness',
+              required: false,
+              placeholder: '',
+              value: 5,
+            },
+            {
+              type: 'el-slider',
+              label: '线条宽度',
+              name: 'lineWidth',
+              required: false,
+              placeholder: '',
+              value: 4,
+            },
+          ],
+        },
+        {
+          name: '标题设置',
+          list: [
+            {
+              type: 'el-switch',
+              label: '标题',
+              name: 'isNoTitle',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '标题',
+              name: 'titleText',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'textColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'textFontWeight',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'textFontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体位置',
+              name: 'textAlign',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '副标题',
+              name: 'subText',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'subTextColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'subTextFontWeight',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'subTextFontSize',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: 'X轴设置',
+          list: [
+            {
+              type: 'el-input-text',
+              label: '名称',
+              name: 'xName',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-switch',
+              label: '显示',
+              name: 'hideX',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'vue-color',
+              label: '坐标名颜色',
+              name: 'xNameColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'xNameFontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-slider',
+              label: '文字角度',
+              name: 'textAngle',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '文字间隔',
+              name: 'textInterval',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-switch',
+              label: '轴反转',
+              name: 'reversalX',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '颜色',
+              name: 'Xcolor',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字号',
+              name: 'fontSizeX',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+          ],
+        },
+        {
+          name: 'Y轴设置',
+          list: [
+            {
+              type: 'el-input-text',
+              label: '名称',
+              name: 'textNameY',
+              require: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-switch',
+              label: '显示',
+              name: 'isShowY',
+              require: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'vue-color',
+              label: '坐标名颜色',
+              name: 'NameColorY',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'NameFontSizeY',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-switch',
+              label: '轴反转',
+              name: 'reversalY',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '颜色',
+              name: 'colorY',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字号',
+              name: 'fontSizeY',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+          ],
+        },
+        {
+          name: '数值设定',
+          list: [
+            {
+              type: 'el-switch',
+              label: '显示',
+              name: 'isShow',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'fontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'subTextColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'fontWeight',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: '提示语设置',
+          list: [
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'fontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'lineColor',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: '坐标轴边距设置',
+          list: [
+            {
+              type: 'el-slider',
+              label: '左边距(像素)',
+              name: 'marginLeft',
+              required: false,
+              placeholder: '',
+              value: 10,
+            },
+            {
+              type: 'el-slider',
+              label: '顶边距(像素)',
+              name: 'marginTop',
+              required: false,
+              placeholder: '',
+              value: 10,
+            },
+            {
+              type: 'el-slider',
+              label: '右边距(像素)',
+              name: 'marginRight',
+              required: false,
+              placeholder: '',
+              value: 10,
+            },
+            {
+              type: 'el-slider',
+              label: '底边距(像素)',
+              name: 'marginBottom',
+              required: false,
+              placeholder: '',
+              value: 10,
+            },
+          ],
+        }, {
+          name: '图例操作',
+          list: [
+            {
+              type: 'el-switch',
+              label: '图例',
+              name: 'isShowLegend',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'lengedColor',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'lengedFontSize',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+            {
+              type: 'el-input-number',
+              label: '图例宽度',
+              name: 'lengedWidth',
+              required: false,
+              placeholder: '',
+              value: 15,
+            },
+            {
+              type: 'el-select',
+              label: '横向位置',
+              name: 'lateralPosition',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'left', name: '左对齐' },
+                { code: 'right', name: '右对齐' },
+              ],
+            },
+            {
+              type: 'el-select',
+              label: '纵向位置',
+              name: 'longitudinalPosition',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'top', name: '顶部' },
+                { code: 'bottom', name: '底部' },
+              ],
+            },
+            {
+              type: 'el-select',
+              label: '布局前置',
+              name: 'layoutFront',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'vertical', name: '竖排' },
+                { code: 'horizontal', name: '横排' },
+              ],
+            },
+          ],
+        }, {
+          name: '自定义配色',
+          list: [
+            {
+              type: 'customColor',
+              label: '',
+              name: 'customColor',
+              required: false,
+              value: [{ color: '#ED0E0E' }, { color: '#6CCD17' }, { color: '#172CCD' }, { color: '#B817CD' }, { color: '#AFCD17' }],
+            },
+          ],
+        },
+      ],
+      // 数据
+      data: [
+        {
+          type: 'el-radio-group',
+          label: '数据类型',
+          name: 'dataType',
+          require: false,
+          placeholder: '',
+          selectValue: true,
+          selectOptions: [
+            {
+              code: 'staticData',
+              name: '静态数据',
+            },
+            {
+              code: 'dynamicData',
+              name: '动态数据',
+            },
+          ],
+          value: 'staticData',
+        },
+        {
+          type: 'el-button',
+          label: '静态数据',
+          name: 'staticData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          relactiveDomValue: 'staticData',
+          value: '{"categories": ["苹果","三星","小米","oppo","vivo"],"series": [{"name": "手机品牌","data": [1000879,3400879,2300879,5400879,3400879]}]}',
+        },
+        {
+          type: 'dycustComponents',
+          label: '',
+          name: 'dynamicData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          chartType: 'widget-linechart',
+          relactiveDomValue: 'dynamicData',
+        },
+      ],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 400,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 200,
+        },
+      ],
+    },
+  },
+  {
+    code: 'widget-barlinechart',
+    type: 'chart',
+    label: '柱线图',
+    icon: 'barLineChart',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '柱线图',
+        },
+      ],
+      // 折叠面板
+      collapse: [
+        {
+          name: '折线设置',
+          list: [
+            {
+              type: 'el-switch',
+              label: '标记点',
+              name: 'markPoint',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'el-slider',
+              label: '点大小',
+              name: 'pointSize',
+              required: false,
+              placeholder: '',
+              value: 10,
+            },
+            {
+              type: 'el-switch',
+              label: '平滑曲线',
+              name: 'smoothCurve',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'el-switch',
+              label: '面积堆积',
+              name: 'area',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'el-slider',
+              label: '面积厚度',
+              name: 'areaThickness',
+              required: false,
+              placeholder: '',
+              value: 5,
+            },
+            {
+              type: 'el-slider',
+              label: '线条宽度',
+              name: 'lineWidth',
+              required: false,
+              placeholder: '',
+              value: 4,
+            },
+          ],
+        }, {
+          name: '柱体设置',
+          list: [
+            {
+              type: 'el-slider',
+              label: '最大宽度',
+              name: 'maxWidth',
+              required: false,
+              placeholder: '',
+              value: 20,
+            },
+            {
+              type: 'el-slider',
+              label: '圆角',
+              name: 'radius',
+              require: false,
+              placeholder: '',
+              value: 8,
+            },
+            {
+              type: 'el-slider',
+              label: '最小高度',
+              name: 'minHeight',
+              require: false,
+              placeholder: '',
+              value: 20,
+            },
+          ],
+        }, {
+          name: '标题设置',
+          list: [
+            {
+              type: 'el-switch',
+              label: '标题',
+              name: 'isNoTitle',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '标题',
+              name: 'titleText',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'textColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'textFontWeight',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'textFontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体位置',
+              name: 'textAlign',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '副标题',
+              name: 'subText',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'subTextColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'subTextFontWeight',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'subTextFontSize',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: 'X轴设置',
+          list: [
+            {
+              type: 'el-input-text',
+              label: '名称',
+              name: 'xName',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-switch',
+              label: '显示',
+              name: 'hideX',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'vue-color',
+              label: '坐标名颜色',
+              name: 'xNameColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'xNameFontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-slider',
+              label: '文字角度',
+              name: 'textAngle',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '文字间隔',
+              name: 'textInterval',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-switch',
+              label: '轴反转',
+              name: 'reversalX',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '颜色',
+              name: 'Xcolor',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字号',
+              name: 'fontSizeX',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+          ],
+        },
+        {
+          name: 'Y轴设置',
+          list: [
+            {
+              type: 'el-input-text',
+              label: '名称',
+              name: 'textNameY',
+              require: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-switch',
+              label: '显示',
+              name: 'isShowY',
+              require: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'vue-color',
+              label: '坐标名颜色',
+              name: 'NameColorY',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'NameFontSizeY',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-switch',
+              label: '轴反转',
+              name: 'reversalY',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '颜色',
+              name: 'colorY',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字号',
+              name: 'fontSizeY',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+          ],
+        },
+        {
+          name: '提示语设置',
+          list: [
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'fontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'lineColor',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        }, {
+          name: '坐标轴边距设置',
+          list: [
+            {
+              type: 'el-slider',
+              label: '左边距(像素)',
+              name: 'marginLeft',
+              required: false,
+              placeholder: '',
+              value: 10,
+            }, {
+              type: 'el-slider',
+              label: '顶边距(像素)',
+              name: 'marginTop',
+              required: false,
+              placeholder: '',
+              value: 10,
+            }, {
+              type: 'el-slider',
+              label: '右边距(像素)',
+              name: 'marginRight',
+              required: false,
+              placeholder: '',
+              value: 10,
+            }, {
+              type: 'el-slider',
+              label: '底边距(像素)',
+              name: 'marginBottom',
+              required: false,
+              placeholder: '',
+              value: 10,
+            },
+          ],
+        }, {
+          name: '图例操作',
+          list: [
+            {
+              type: 'el-switch',
+              label: '图例',
+              name: 'isShowLegend',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'lengedColor',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'lengedFontSize',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+            {
+              type: 'el-input-number',
+              label: '图例宽度',
+              name: 'lengedWidth',
+              required: false,
+              placeholder: '',
+              value: 15,
+            },
+            {
+              type: 'el-select',
+              label: '横向位置',
+              name: 'lateralPosition',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'left', name: '左对齐' },
+                { code: 'right', name: '右对齐' },
+              ],
+            },
+            {
+              type: 'el-select',
+              label: '纵向位置',
+              name: 'longitudinalPosition',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'top', name: '顶部' },
+                { code: 'bottom', name: '底部' },
+              ],
+            },
+            {
+              type: 'el-select',
+              label: '布局前置',
+              name: 'layoutFront',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'vertical', name: '竖排' },
+                { code: 'horizontal', name: '横排' },
+              ],
+            },
+          ],
+        }, {
+          name: '自定义配色',
+          list: [
+            {
+              type: 'customColor',
+              label: '',
+              name: 'customColor',
+              required: false,
+              value: [{ color: '#ED0E0E' }, { color: '#6CCD17' }],
+            },
+          ],
+        },
+      ],
+      // 数据
+      data: [
+        {
+          type: 'el-radio-group',
+          label: '数据类型',
+          name: 'dataType',
+          require: false,
+          placeholder: '',
+          selectValue: true,
+          selectOptions: [
+            {
+              code: 'staticData',
+              name: '静态数据',
+            },
+            {
+              code: 'dynamicData',
+              name: '动态数据',
+            },
+          ],
+          value: 'staticData',
+        },
+        {
+          type: 'el-button',
+          label: '静态数据',
+          name: 'staticData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          relactiveDomValue: 'staticData',
+          value: '{"xAxis": ["1月", "2月", "3月", "4月", "5月","6月", "7月", "8月","9月","10月","11月","12月"],"series": [{"type": "bar","name": "货运量","data": [2.6,5.9,9,26.4,28.7,70.7,175.6,182.2,48.7,18.8,6,2.3]},{"type": "line","name": "货运总量","yAxisIndex": 1,"data": [2,2.2,3.3,4.5,6.3,10.2,20.3,23.4,23,16.5,12,6.2]}]}',
+        },
+        {
+          type: 'dycustComponents',
+          label: '',
+          name: 'dynamicData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          chartType: 'widget-barlinechart',
+          relactiveDomValue: 'dynamicData',
+        },
+      ],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 400,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 200,
+        },
+      ],
+    },
+  },
+  {
+    code: 'widget-piechart',
+    type: 'chart',
+    label: '饼图',
+    icon: 'pieChart',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '饼图',
+        },
+      ],
+      // 折叠面板
+      collapse: [
+        {
+          name: '标题设置',
+          list: [
+            {
+              type: 'el-switch',
+              label: '标题',
+              name: 'isNoTitle',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '标题',
+              name: 'titleText',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'textColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'textFontWeight',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'textFontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体位置',
+              name: 'textAlign',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '副标题',
+              name: 'subText',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'subTextColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'subTextFontWeight',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'subTextFontSize',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: '数值设定',
+          list: [
+            {
+              type: 'el-switch',
+              label: '显示',
+              name: 'isShow',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'el-switch',
+              label: '数值',
+              name: 'numberValue',
+              require: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'el-switch',
+              label: '百分比',
+              name: 'percentage',
+              require: false,
+              placeholder: '',
+              value: false,
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'fontSize',
+              required: false,
+              placeholder: '',
+              value: 14,
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'subTextColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'fontWeight',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: '提示语设置',
+          list: [
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'fontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '网格线颜色',
+              name: 'lineColor',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: '图例操作',
+          list: [
+            {
+              type: 'el-switch',
+              label: '图例',
+              name: 'isShowLegend',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'lengedColor',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'lengedFontSize',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+            {
+              type: 'el-input-number',
+              label: '图例宽度',
+              name: 'lengedWidth',
+              required: false,
+              placeholder: '',
+              value: 15,
+            },
+            {
+              type: 'el-select',
+              label: '横向位置',
+              name: 'lateralPosition',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'left', name: '左对齐' },
+                { code: 'right', name: '右对齐' },
+              ],
+            },
+            {
+              type: 'el-select',
+              label: '纵向位置',
+              name: 'longitudinalPosition',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'top', name: '顶部' },
+                { code: 'bottom', name: '底部' },
+              ],
+            },
+            {
+              type: 'el-select',
+              label: '布局前置',
+              name: 'layoutFront',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'vertical', name: '竖排' },
+                { code: 'horizontal', name: '横排' },
+              ],
+            },
+          ],
+        },
+        {
+          name: '自定义配色',
+          list: [
+            {
+              type: 'customColor',
+              label: '',
+              name: 'customColor',
+              required: false,
+              value: [{ color: '#ED0E0E' }, { color: '#6CCD17' }, { color: '#172CCD' }, { color: '#B817CD' }, { color: '#AFCD17' }],
+            },
+          ],
+        },
+      ],
+      // 数据
+      data: [
+        {
+          type: 'el-radio-group',
+          label: '数据类型',
+          name: 'dataType',
+          require: false,
+          placeholder: '',
+          selectValue: true,
+          selectOptions: [
+            {
+              code: 'staticData',
+              name: '静态数据',
+            },
+            {
+              code: 'dynamicData',
+              name: '动态数据',
+            },
+          ],
+          value: 'staticData',
+        },
+        {
+          type: 'el-button',
+          label: '静态数据',
+          name: 'staticData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          relactiveDomValue: 'staticData',
+          value: '[{"value": 1048,"name": "搜索引擎"},{"value": 735, "name": "直接访问"},{"value": 580, "name": "邮件营销"},{"value": 484,"name":"联盟广告"},{"value":300,"name":"视频广告"}]',
+        },
+        {
+          type: 'dycustComponents',
+          label: '',
+          name: 'dynamicData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          chartType: 'widget-piechart',
+          relactiveDomValue: 'dynamicData',
+          value: '',
+        },
+      ],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 400,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 200,
+        },
+      ],
+    },
+  },
+  {
+    code: 'widget-hollow-piechart',
+    type: 'chart',
+    label: '空心饼图',
+    icon: 'hollowPieChart',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '空心饼图',
+        },
+      ],
+      // 折叠面板
+      collapse: [
+        {
+          name: '标题设置',
+          list: [
+            {
+              type: 'el-switch',
+              label: '标题',
+              name: 'isNoTitle',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '标题',
+              name: 'titleText',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'textColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'textFontWeight',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'textFontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体位置',
+              name: 'textAlign',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '副标题',
+              name: 'subText',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'subTextColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'subTextFontWeight',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'subTextFontSize',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: '数值设定',
+          list: [
+            {
+              type: 'el-switch',
+              label: '显示',
+              name: 'isShow',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'el-switch',
+              label: '数值',
+              name: 'numberValue',
+              require: false,
+              placeholder: '',
+              value: false,
+            },
+            {
+              type: 'el-switch',
+              label: '百分比',
+              name: 'percentage',
+              require: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'fontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'subTextColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'fontWeight',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: '提示语设置',
+          list: [
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'fontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '网格线颜色',
+              name: 'lineColor',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: '图例操作',
+          list: [
+            {
+              type: 'el-switch',
+              label: '图例',
+              name: 'isShowLegend',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'lengedColor',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'lengedFontSize',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+            {
+              type: 'el-input-number',
+              label: '图例宽度',
+              name: 'lengedWidth',
+              required: false,
+              placeholder: '',
+              value: 10,
+            },
+            {
+              type: 'el-select',
+              label: '横向位置',
+              name: 'lateralPosition',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'left', name: '左对齐' },
+                { code: 'right', name: '右对齐' },
+              ],
+            },
+            {
+              type: 'el-select',
+              label: '纵向位置',
+              name: 'longitudinalPosition',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'top', name: '顶部' },
+                { code: 'bottom', name: '底部' },
+              ],
+            },
+            {
+              type: 'el-select',
+              label: '布局前置',
+              name: 'layoutFront',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'vertical', name: '竖排' },
+                { code: 'horizontal', name: '横排' },
+              ],
+            },
+          ],
+        },
+        {
+          name: '自定义配色',
+          list: [
+            {
+              type: 'customColor',
+              label: '',
+              name: 'customColor',
+              required: false,
+              value: [{ color: '#ED0E0E' }, { color: '#6CCD17' }, { color: '#172CCD' }, { color: '#B817CD' }, { color: '#AFCD17' }],
+            },
+          ],
+        },
+      ],
+      // 数据
+      data: [
+        {
+          type: 'el-radio-group',
+          label: '数据类型',
+          name: 'dataType',
+          require: false,
+          placeholder: '',
+          selectValue: true,
+          selectOptions: [
+            {
+              code: 'staticData',
+              name: '静态数据',
+            },
+            {
+              code: 'dynamicData',
+              name: '动态数据',
+            },
+          ],
+          value: 'staticData',
+        },
+        {
+          type: 'el-button',
+          label: '静态数据',
+          name: 'staticData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          relactiveDomValue: 'staticData',
+          value: '[{"value": 1048,"name": "搜索引擎"},{"value": 735, "name": "直接访问"},{"value": 580, "name": "邮件营销"},{"value": 484,"name":"联盟广告"},{"value":300,"name":"视频广告"}]',
+        },
+        {
+          type: 'dycustComponents',
+          label: '',
+          name: 'dynamicData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          chartType: 'widget-hollow-piechart',
+          relactiveDomValue: 'dynamicData',
+          value: '',
+        },
+      ],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 400,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 200,
+        },
+      ],
+    },
+  },
+  {
+    code: 'widget-funnel',
+    type: 'chart',
+    label: '漏斗图',
+    icon: 'funnel',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '漏斗图',
+        },
+      ],
+      // 折叠面板
+      collapse: [
+        {
+          name: '文字设置',
+          list: [
+            {
+              type: 'el-switch',
+              label: '显示',
+              name: 'isShow',
+              require: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'fontSize',
+              require: false,
+              placeholder: '',
+              value: 16,
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'color',
+              require: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'fontWeight',
+              require: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-switch',
+              label: '反转',
+              name: 'reversal',
+              require: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: '标题设置',
+          list: [
+            {
+              type: 'el-switch',
+              label: '标题',
+              name: 'isNoTitle',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '标题',
+              name: 'titleText',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'textColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'textFontWeight',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'textFontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体位置',
+              name: 'textAlign',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '副标题',
+              name: 'subText',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'subTextColor',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体粗细',
+              name: 'subTextFontWeight',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'el-input-number',
+              label: '字体大小',
+              name: 'subTextFontSize',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: '提示语设置',
+          list: [
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'fontSize',
+              required: false,
+              placeholder: '',
+            },
+            {
+              type: 'vue-color',
+              label: '网格线颜色',
+              name: 'lineColor',
+              required: false,
+              placeholder: '',
+            },
+          ],
+        },
+        {
+          name: '图例操作',
+          list: [
+            {
+              type: 'el-switch',
+              label: '图例',
+              name: 'isShowLegend',
+              required: false,
+              placeholder: '',
+              value: true,
+            },
+            {
+              type: 'vue-color',
+              label: '字体颜色',
+              name: 'lengedColor',
+              required: false,
+              placeholder: '',
+              value: '#fff',
+            },
+            {
+              type: 'el-input-text',
+              label: '字体大小',
+              name: 'lengedFontSize',
+              required: false,
+              placeholder: '',
+              value: 16,
+            },
+            {
+              type: 'el-input-number',
+              label: '图例宽度',
+              name: 'lengedWidth',
+              required: false,
+              placeholder: '',
+              value: 10,
+            },
+            {
+              type: 'el-select',
+              label: '横向位置',
+              name: 'lateralPosition',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'left', name: '左对齐' },
+                { code: 'right', name: '右对齐' },
+              ],
+            },
+            {
+              type: 'el-select',
+              label: '纵向位置',
+              name: 'longitudinalPosition',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'top', name: '顶部' },
+                { code: 'bottom', name: '底部' },
+              ],
+            },
+            {
+              type: 'el-select',
+              label: '布局前置',
+              name: 'layoutFront',
+              required: false,
+              placeholder: '',
+              selectOptions: [
+                { code: 'vertical', name: '竖排' },
+                { code: 'horizontal', name: '横排' },
+              ],
+            },
+          ],
+        },
+        {
+          name: '自定义配色',
+          list: [
+            {
+              type: 'customColor',
+              label: '',
+              name: 'customColor',
+              required: false,
+              value: [{ color: '#ED0E0E' }, { color: '#6CCD17' }, { color: '#172CCD' }, { color: '#B817CD' }, { color: '#AFCD17' }],
+            },
+          ],
+        },
+      ],
+      // 数据
+      data: [
+        {
+          type: 'el-radio-group',
+          label: '数据类型',
+          name: 'dataType',
+          require: false,
+          placeholder: '',
+          selectValue: true,
+          selectOptions: [
+            {
+              code: 'staticData',
+              name: '静态数据',
+            },
+            {
+              code: 'dynamicData',
+              name: '动态数据',
+            },
+          ],
+          value: 'staticData',
+        },
+        {
+          type: 'el-button',
+          label: '静态数据',
+          name: 'staticData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          relactiveDomValue: 'staticData',
+          value: '[{"value": 60,"name": "访问"},{"value": 40, "name": "咨询"},{"value": 20, "name": "订单"},{"value": 80,"name":"点击"},{"value":100,"name":"展现"}]',
+        },
+        {
+          type: 'dycustComponents',
+          label: '',
+          name: 'dynamicData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          chartType: 'widget-funnel',
+          relactiveDomValue: 'dynamicData',
+          value: '',
+        },
+      ],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 400,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 200,
+        },
+      ],
+    },
+  },
+  {
+    code: 'widget-gauge',
+    type: 'chart',
+    label: '仪表盘',
+    icon: 'speed',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '仪表盘',
+        },
+        {
+          type: 'el-input-number',
+          label: '刻度线粗度',
+          name: 'tickMarkWeight',
+          require: false,
+          placeholder: '',
+          value: 10,
+        },
+        {
+          type: 'el-switch',
+          label: '显示刻度值',
+          name: 'showScaleValue',
+          require: false,
+          placeholder: '',
+          value: true,
+        },
+        {
+          type: 'el-switch',
+          label: '显示刻度线',
+          name: 'showTickMarks',
+          require: false,
+          placeholder: '',
+          value: true,
+        },
+        {
+          type: 'el-input-number',
+          label: '刻度字号',
+          name: 'scaleFontSize',
+          require: false,
+          placeholder: '',
+          value: 16,
+        },
+        {
+          type: 'el-input-number',
+          label: '指标字号',
+          name: 'targetFontSize',
+          require: false,
+          placeholder: '',
+          value: 20,
+        },
+      ],
+      // 折叠面板
+      collapse: [],
+      // 数据
+      data: [
+        {
+          type: 'el-radio-group',
+          label: '数据类型',
+          name: 'dataType',
+          require: false,
+          placeholder: '',
+          selectValue: true,
+          selectOptions: [
+            {
+              code: 'staticData',
+              name: '静态数据',
+            },
+            {
+              code: 'dynamicData',
+              name: '动态数据',
+            },
+          ],
+          value: 'staticData',
+        },
+        {
+          type: 'el-button',
+          label: '静态数据',
+          name: 'staticData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          relactiveDomValue: 'staticData',
+          value: '{"value": 50, "name": "名称", "unit": "%"}',
+        },
+        {
+          type: 'dycustComponents',
+          label: '',
+          name: 'dynamicData',
+          required: false,
+          placeholder: 'px',
+          relactiveDom: 'dataType',
+          chartType: 'widget-gauge',
+          relactiveDomValue: 'dynamicData',
+          value: '',
+        },
+      ],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: 'px',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 400,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 200,
+        },
+      ],
+    },
+  },
+  // {
+  //   code: 'widget-china-map',
+  //   type: 'chart',
+  //   label: '中国地图',
+  //   icon: 'chinaMapChart',
+  // },
+]
+
+const getToolByCode = function(code) {
+  // 获取大屏底层设置属性
+  if (code == 'screen') {
+    return screenConfig
+  }
+  // 获取组件
+  var item = widgetTools.find(function(item, index, arrs) {
+    return item.code === code
+  })
+  return item
+}
+
+export { widgetTools, getToolByCode }
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/temp.vue b/report-ui/src/views/report/bigscreen/designer/widget/temp.vue
new file mode 100644
index 00000000..5b7b5d3a
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/temp.vue
@@ -0,0 +1,67 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <div>
+    <component :is="type" :value="value" :ispreview="true" />
+  </div>
+</template>
+
+<script>
+import widgetHref from './widgetHref.vue'
+import widgetText from './widgetText.vue'
+import WidgetMarquee from './widgetMarquee.vue'
+import widgetTime from './widgetTime.vue'
+import widgetImage from './widgetImage.vue'
+import widgetSlider from './widgetSlider.vue'
+import widgetVideo from './widgetVideo.vue'
+import WidgetIframe from './widgetIframe.vue'
+import widgetBarchart from './widgetBarchart.vue'
+import widgetLinechart from './widgetLinechart.vue'
+import widgetBarlinechart from './widgetBarlinechart'
+import WidgetPiechart from './widgetPiechart.vue'
+import WidgetHollowPiechart from './widgetHollowPiechart.vue'
+import WidgetFunnel from './widgetFunnel.vue'
+import WidgetGauge from './widgetGauge.vue'
+export default {
+  name: 'WidgetTemp',
+  components: {
+    widgetHref,
+    widgetText,
+    WidgetMarquee,
+    widgetTime,
+    widgetImage,
+    widgetSlider,
+    widgetVideo,
+    WidgetIframe,
+    widgetBarchart,
+    widgetLinechart,
+    widgetBarlinechart,
+    WidgetPiechart,
+    WidgetHollowPiechart,
+    WidgetFunnel,
+    WidgetGauge,
+  },
+  model: {
+    prop: 'value',
+    event: 'input',
+  },
+  props: {
+    type: String,
+    value: {
+      type: [Object],
+      default: () => {},
+    },
+  },
+  data() {
+    return {}
+  },
+  mounted() {},
+  methods: {},
+}
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widget.vue b/report-ui/src/views/report/bigscreen/designer/widget/widget.vue
new file mode 100644
index 00000000..5df3721d
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widget.vue
@@ -0,0 +1,154 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <!-- <vue-draggable-resizable class="vue-draggalbe" :w="data.position.width" :h="data.position.height" :x="data.position.left" :y="data.position.top" :z="data.position.zIndex" :parent="true" :is-conflict-check="true" :snap="true" :resizable="true" :draggable="true" :prevent-deactivation="false" :active="true" :snap-tolerance="20" :class-name="'widget-container'" :class-name-active="'widget-active'" @activated="onActivated(index)" @resizestop="onResizstop" @dragstop="onDragstop">
+    <component :is="type" :value="value" />
+  </vue-draggable-resizable> -->
+  <div @click.stop>
+    <vue-drag-resize
+      :w="widgetsWidth"
+      :h="widgetsHeight"
+      :x="widgetsLeft"
+      :y="widgetsTop"
+      :z="widgetsZIndex"
+      :minw="10"
+      :minh="10"
+      :parent-w="bigscreen.bigscreenWidth"
+      :parent-h="bigscreen.bigscreenHeight"
+      :snap-tolerance="20"
+      :is-conflict-check="true"
+      :class-name="'widget-container'"
+      :class-name-active="'widget-active'"
+      :prevent-deactivation="false"
+      :is-active="true"
+      :is-draggable="true"
+      :is-resizable="true"
+      :parent-limitation="true"
+      :snap-to-grid="false"
+      :aspect-ratio="false"
+      @clicked="onActivated(index)"
+      @activated="onActivated(index)"
+      @dragstop="(ev) => onDragstop(ev, index)"
+      @resizing="(ev) => onResizing(ev, index)"
+    >
+      <component :is="type" :value="value" />
+    </vue-drag-resize>
+  </div>
+</template>
+
+<script>
+// 大屏设计页面的拖拽插件 https://gitee.com/charact/vue-draggable-resizable-gorkys#dragstop
+// import VueDraggableResizable from 'vue-draggable-resizable-gorkys'
+// import 'vue-draggable-resizable-gorkys/dist/VueDraggableResizable.css'
+import VueDragResize from 'vue-drag-resize'
+
+import widgetHref from './widgetHref.vue'
+import widgetText from './widgetText.vue'
+import WidgetMarquee from './widgetMarquee.vue'
+import widgetTime from './widgetTime.vue'
+import widgetImage from './widgetImage.vue'
+import widgetSlider from './widgetSlider.vue'
+import widgetVideo from './widgetVideo.vue'
+import WidgetIframe from './widgetIframe.vue'
+import widgetBarchart from './widgetBarchart.vue'
+import widgetLinechart from './widgetLinechart.vue'
+import widgetBarlinechart from './widgetBarlinechart'
+import WidgetPiechart from './widgetPiechart.vue'
+import WidgetHollowPiechart from './widgetHollowPiechart.vue'
+import WidgetFunnel from './widgetFunnel.vue'
+import WidgetGauge from './widgetGauge.vue'
+export default {
+  name: 'Widget',
+  components: {
+    // VueDraggableResizable,
+    VueDragResize,
+    widgetHref,
+    widgetText,
+    WidgetMarquee,
+    widgetTime,
+    widgetImage,
+    widgetSlider,
+    widgetVideo,
+    WidgetIframe,
+    widgetBarchart,
+    widgetLinechart,
+    widgetBarlinechart,
+    WidgetPiechart,
+    WidgetHollowPiechart,
+    WidgetFunnel,
+    WidgetGauge,
+  },
+  model: {
+    prop: 'value',
+    event: 'input',
+  },
+  props: {
+    /*
+    widget-text widget-marquee widget-href widget-time widget-image widget-slider widget-video widget-table widget-iframe widget-universal
+    widget-linechart widget-barlinechart widget-piechart widget-hollow-piechart widget-funnel widget-gauge widget-china-map
+    */
+    index: Number, // 当前组件，在工作区变量widgetInWorkbench中的索引
+    type: String,
+    bigscreen: Object,
+    value: {
+      type: [Object],
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      data: {
+        setup: {},
+        data: {},
+        position: {},
+      },
+    }
+  },
+  computed: {
+    widgetsWidth() {
+      return this.value.position.width
+    },
+    widgetsHeight() {
+      return this.value.position.height
+    },
+    widgetsLeft() {
+      return this.value.position.left
+    },
+    widgetsTop() {
+      return this.value.position.top
+    },
+    widgetsZIndex() {
+      return this.value.position.zIndex
+    },
+  },
+  mounted() {},
+  methods: {
+    onActivated(index) {
+      this.$emit('onActivated', index)
+    },
+    onDragstop(obj, index) {
+      this.$emit('onActivated', { index, obj })
+    },
+    onResizing(obj, index) {
+      this.$emit('onActivated', { index, obj })
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.vue-draggalbe {
+  position: absolute;
+}
+.widget-container {
+}
+.widget-active {
+  cursor: move;
+  border: 1px dashed #09f;
+  background-color: rgba(115, 170, 229, 0.5);
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetBarchart.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetBarchart.vue
new file mode 100644
index 00000000..f4d7b2f7
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetBarchart.vue
@@ -0,0 +1,323 @@
+<template>
+  <div :style="styleObj">
+    <v-chart :options="options"
+             autoresize />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WidgetBarchart',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data () {
+    return {
+      options: {
+        grid: {},
+        legend: {
+          textStyle: {
+            color: '#fff',
+          },
+        },
+        xAxis: {
+          type: 'category',
+          data: [],
+          axisLabel: {
+            show: true,
+            textStyle: {
+              color: '#fff',
+            },
+          },
+        },
+        yAxis: {
+          type: 'value',
+          data: [],
+          axisLabel: {
+            show: true,
+            textStyle: {
+              color: '#fff',
+            },
+          },
+        },
+        series: [
+          {
+            data: [],
+            type: 'bar',
+            barGap: '0%',
+            itemStyle: {
+              borderRadius: null
+            }
+          },
+        ],
+      },
+      optionsStyle: {}, // 样式
+      optionsData: {}, // 数据
+      optionsCollapse: {}, // 图标属性
+    }
+  },
+  computed: {
+    styleObj () {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        width: this.optionsStyle.width + 'px',
+        height: this.optionsStyle.height + 'px',
+        left: this.optionsStyle.left + 'px',
+        top: this.optionsStyle.top + 'px',
+      }
+    },
+  },
+  watch: {
+    value: {
+      handler (val) {
+        this.optionsStyle = val.position
+        this.optionsData = val.data
+        this.optionsCollapse = val.collapse
+        this.optionsSetup = val.setup
+        this.editorOptions()
+      },
+      deep: true,
+    },
+  },
+  mounted () {
+    this.optionsStyle = this.value.position
+    this.optionsData = this.value.data
+    this.optionsCollapse = this.value.collapse
+    this.optionsSetup = this.value.setup
+    this.editorOptions()
+  },
+  methods: {
+    // 修改图标options属性
+    editorOptions () {
+      this.setOptionsTitle()
+      this.setOptionsX()
+      this.setOptionsY()
+      this.setOptionsTop()
+      this.setOptionsTooltip()
+      this.setOptionsMargin()
+      this.setOptionsLegend()
+      this.setOptionsColor()
+      this.setOptionsData()
+    },
+    // 标题修改
+    setOptionsTitle () {
+      const optionsCollapse = this.optionsCollapse
+      const title = {}
+      title.text = optionsCollapse.titleText
+      title.textAlign = optionsCollapse.textAlign
+      title.textStyle = {
+        color: optionsCollapse.textColor,
+        fontSize: optionsCollapse.textFontSize,
+        fontWeight: optionsCollapse.textFontWeight,
+      }
+      title.subtext = optionsCollapse.subText
+      title.subtextStyle = {
+        color: optionsCollapse.subTextColor,
+        fontWeight: optionsCollapse.subTextFontWeight,
+        fontSize: optionsCollapse.subTextFontSize,
+      }
+
+      this.options.title = title
+    },
+    // X轴设置
+    setOptionsX () {
+      const optionsCollapse = this.optionsCollapse
+      const xAxis = {
+        type: 'category',
+        show: optionsCollapse.hideX, // 坐标轴是否显示
+        name: optionsCollapse.xName, // 坐标轴名称
+        nameTextStyle: {
+          color: optionsCollapse.xNameColor,
+          fontSize: optionsCollapse.xNameFontSize,
+        },
+        nameRotate: optionsCollapse.textAngle, // 文字角度
+        inverse: optionsCollapse.reversalX, // 轴反转
+        axisLabel: {
+          show: true,
+          interval: optionsCollapse.textInterval,// 文字角度
+          rotate: optionsCollapse.textAngle,// 文字角度
+          textStyle: {
+            color: optionsCollapse.Xcolor, // x轴 坐标文字颜色
+            fontSize: optionsCollapse.fontSizeX,
+          },
+        },
+      }
+      this.options.xAxis = xAxis
+    },
+    // Y轴设置
+    setOptionsY () {
+      const optionsCollapse = this.optionsCollapse
+      const yAxis = {
+        type: 'value',
+        show: optionsCollapse.isShowY, // 坐标轴是否显示
+        name: optionsCollapse.textNameY, // 坐标轴名称
+        nameTextStyle: {
+          color: optionsCollapse.NameColorY,
+          fontSize: optionsCollapse.NameFontSizeY,
+        },
+        inverse: optionsCollapse.reversalY, // 轴反转
+        axisLabel: {
+          show: true,
+          textStyle: {
+            color: optionsCollapse.colorY, // x轴 坐标文字颜色
+            fontSize: optionsCollapse.fontSizeY,
+          },
+        },
+      }
+
+      this.options.yAxis = yAxis
+    },
+    // 数值设定 or 柱体设置
+    setOptionsTop () {
+      const optionsCollapse = this.optionsCollapse
+      const series = this.options.series
+
+      for (const key in series) {
+        if (series[key].type == 'bar') {
+          series[key].label = {
+            show: optionsCollapse.isShow,
+            position: 'top',
+            distance: 10,
+            fontSize: optionsCollapse.fontSize,
+            color: optionsCollapse.subTextColor,
+            fontWeight: optionsCollapse.fontWeight,
+          }
+          series[key].barWidth = optionsCollapse.maxWidth
+          series[key].barMinHeight = optionsCollapse.minHeight
+        }
+      }
+      this.options.series = series
+    },
+    // tooltip 设置
+    setOptionsTooltip () {
+      const optionsCollapse = this.optionsCollapse
+      const tooltip = {
+        trigger: 'item',
+        show: true,
+        textStyle: {
+          color: optionsCollapse.lineColor,
+          fontSize: optionsCollapse.fontSize,
+        },
+      }
+      this.options.tooltip = tooltip
+    },
+    //边距设置
+    setOptionsMargin () {
+      const optionsCollapse = this.optionsCollapse
+      const grid = {
+        left: optionsCollapse.marginLeft,
+        right: optionsCollapse.marginRight,
+        bottom: optionsCollapse.marginBottom,
+        top: optionsCollapse.marginTop,
+        containLabel: true
+      }
+      this.options.grid = grid
+    },
+    // 图例操作 legend
+    setOptionsLegend () {
+      const optionsCollapse = this.optionsCollapse
+      const legend = this.options.legend
+      legend.show = optionsCollapse.isShowLegend
+      legend.left = optionsCollapse.lateralPosition == 'left' ? 0 : 'auto'
+      legend.right = optionsCollapse.lateralPosition == 'right' ? 0 : 'auto'
+      legend.top = optionsCollapse.longitudinalPosition == 'top' ? 0 : 'auto'
+      legend.bottom = optionsCollapse.longitudinalPosition == 'bottom' ? 0 : 'auto'
+      legend.orient = optionsCollapse.layoutFront
+      legend.textStyle = {
+        color: optionsCollapse.lengedColor,
+        fontSize: optionsCollapse.fontSize,
+      }
+      legend.itemWidth = optionsCollapse.lengedWidth
+    },
+    // 图例颜色修改
+    setOptionsColor () {
+      const optionsCollapse = this.optionsCollapse
+      const customColor = optionsCollapse.customColor
+      if (!customColor) return
+      let arrColor = []
+      for (let i = 0; i < customColor.length; i++) {
+        arrColor.push(customColor[i].color)
+      }
+      let itemStyle = {
+        normal: {
+          color: (params) => {
+            return arrColor[params.dataIndex]
+          },
+          barBorderRadius: optionsCollapse.radius
+        }
+      }
+      for (let key in this.options.series) {
+        if (this.options.series[key].type == 'bar') {
+          this.options.series[key].itemStyle = itemStyle
+        }
+      }
+      this.options = Object.assign({}, this.options)
+    },
+    // 数据解析
+    setOptionsData () {
+      const optionsSetup = this.optionsSetup
+      const optionsData = this.optionsData // 数据类型 静态 or 动态
+      optionsData.dataType == 'staticData' ? this.staticDataFn(optionsData.staticData, optionsSetup) : this.dynamicDataFn(optionsData.dynamicData, optionsSetup)
+    },
+    // 静态数据
+    staticDataFn (val, optionsSetup) {
+      const staticData = JSON.parse(val)
+      // x轴
+      if (optionsSetup.verticalShow) {
+        this.options.xAxis.data = []
+        this.options.yAxis.data = staticData.categories
+        this.options.xAxis.type = 'value'
+        this.options.yAxis.type = 'category'
+      } else {
+        this.options.xAxis.data = staticData.categories
+        this.options.yAxis.data = []
+        this.options.xAxis.type = 'category'
+        this.options.yAxis.type = 'value'
+      }
+      // series
+      const series = this.options.series
+      for (let i in series) {
+        if (series[i].type == 'bar') {
+          series[i].data = staticData.series[0].data
+        }
+      }
+    },
+    // 动态数据
+    dynamicDataFn (val, optionsSetup) {
+      if (!val) return
+      // x轴
+      if (optionsSetup.verticalShow) {
+        this.options.xAxis.data = []
+        this.options.yAxis.data = val.xAxis
+        this.options.xAxis.type = 'value'
+        this.options.yAxis.type = 'category'
+      } else {
+        this.options.xAxis.data = val.xAxis
+        this.options.yAxis.data = []
+        this.options.xAxis.type = 'category'
+        this.options.yAxis.type = 'value'
+      }
+
+      // series
+      const series = this.options.series
+      for (let i in series) {
+        if (series[i].type == 'bar') {
+          series[i].data = val.series[i].data
+        }
+      }
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.echarts {
+  width: 100%;
+  height: 100%;
+  min-width: 200px;
+  min-height: 200px;
+  overflow: hidden;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetBarlinechart.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetBarlinechart.vue
new file mode 100644
index 00000000..8db50ba4
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetBarlinechart.vue
@@ -0,0 +1,382 @@
+<template>
+  <div :style="styleObj">
+    <v-chart :options="options"
+             autoresize />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WidgetBarlinechart',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data () {
+    return {
+      options: {
+        color: [],
+        grid: {},
+        title: {
+          text: '',
+          textStyle: {
+            color: '#fff',
+          },
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b} : {c}%',
+        },
+        legend: {
+          textStyle: {
+            color: '#fff',
+          },
+          data: ["货运量", "货运总量"]
+        },
+        xAxis: [
+          {
+            type: 'category',
+            data: [],
+            axisLabel: {
+              show: true,
+              textStyle: {
+                color: '#fff',
+              },
+            },
+          },
+        ],
+        yAxis: [
+          {
+            type: 'value',
+            name: '',
+            min: 0,
+            max: 250,
+            interval: 50,
+            axisLabel: {
+              show: true,
+              textStyle: {
+                color: '#fff',
+              },
+            },
+          },
+          {
+            type: 'value',
+            name: '',
+            min: 0,
+            max: 25,
+            interval: 5,
+            axisLabel: {
+              show: true,
+              textStyle: {
+                color: '#fff',
+              },
+            },
+          },
+        ],
+        series: [
+          {
+            name: '',
+            type: 'bar',
+            data: [],
+            itemStyle: {
+              barBorderRadius: null
+            }
+          },
+          {
+            name: '',
+            type: 'line',
+            yAxisIndex: 1,
+            data: [],
+            itemStyle: {}
+          },
+        ],
+      },
+      optionsStyle: {}, // 样式
+      optionsData: {}, // 数据
+      optionsCollapse: {}, // 图标属性
+    }
+  },
+  computed: {
+    styleObj () {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        width: this.optionsStyle.width + 'px',
+        height: this.optionsStyle.height + 'px',
+        left: this.optionsStyle.left + 'px',
+        top: this.optionsStyle.top + 'px',
+      }
+    },
+  },
+  watch: {
+    value: {
+      handler (val) {
+        this.optionsStyle = val.position
+        this.optionsData = val.data
+        this.optionsCollapse = val.collapse
+        this.editorOptions()
+      },
+      deep: true,
+    },
+  },
+  created () {
+    this.optionsStyle = this.value.position
+    this.optionsData = this.value.data
+    this.optionsCollapse = this.value.collapse
+    this.editorOptions()
+  },
+  methods: {
+    // 修改图标options属性
+    editorOptions () {
+      this.setOptionsTitle()
+      this.setOptionsX()
+      this.setOptionsY()
+      this.setOptionsTop()
+      this.setOptionsBar()
+      this.setOptionsTooltip()
+      this.setOptionsData()
+      this.setOptionsMargin()
+      this.setOptionsLegend()
+      this.setOptionsColor()
+    },
+    // 标题修改
+    setOptionsTitle () {
+      const optionsCollapse = this.optionsCollapse
+      const title = {}
+      title.text = optionsCollapse.titleText
+      title.textAlign = optionsCollapse.textAlign
+      title.textStyle = {
+        color: optionsCollapse.textColor,
+        fontSize: optionsCollapse.textFontSize,
+        fontWeight: optionsCollapse.textFontWeight,
+      }
+      title.subtext = optionsCollapse.subText
+      title.subtextStyle = {
+        color: optionsCollapse.subTextColor,
+        fontWeight: optionsCollapse.subTextFontWeight,
+        fontSize: optionsCollapse.subTextFontSize,
+      }
+
+      this.options.title = title
+    },
+    // X轴设置
+    setOptionsX () {
+      const optionsCollapse = this.optionsCollapse
+      console.log(optionsCollapse)
+      const xAxis = {
+        type: 'category',
+        show: optionsCollapse.hideX, // 坐标轴是否显示
+        name: optionsCollapse.xName, // 坐标轴名称
+        nameTextStyle: {
+          color: optionsCollapse.xNameColor,
+          fontSize: optionsCollapse.xNameFontSize,
+        },
+        nameRotate: optionsCollapse.textAngle, // 文字角度
+        inverse: optionsCollapse.reversalX, // 轴反转
+        axisLabel: {
+          show: true,
+          interval: optionsCollapse.textInterval,// 文字角度
+          rotate: optionsCollapse.textAngle,// 文字角度
+          textStyle: {
+            color: optionsCollapse.Xcolor, // x轴 坐标文字颜色
+            fontSize: optionsCollapse.fontSizeX,
+          },
+        },
+      }
+      this.options.xAxis = xAxis
+    },
+    // Y轴设置
+    setOptionsY () {
+      const optionsCollapse = this.optionsCollapse
+      const yAxis = [
+        {
+          type: 'value',
+          show: optionsCollapse.isShowY, // 坐标轴是否显示
+          name: optionsCollapse.textNameY, // 坐标轴名称
+          nameTextStyle: {
+            color: optionsCollapse.NameColorY,
+            fontSize: optionsCollapse.NameFontSizeY,
+          },
+          inverse: optionsCollapse.reversalY, // 轴反转
+          axisLabel: {
+            show: true,
+            textStyle: {
+              color: optionsCollapse.colorY, // x轴 坐标文字颜色
+              fontSize: optionsCollapse.fontSizeY,
+            },
+          },
+        },
+        {
+          type: 'value',
+          show: optionsCollapse.isShowY, // 坐标轴是否显示
+          name: optionsCollapse.textNameY, // 坐标轴名称
+          nameTextStyle: {
+            color: optionsCollapse.NameColorY,
+            fontSize: optionsCollapse.NameFontSizeY,
+          },
+          inverse: optionsCollapse.reversalY, // 轴反转
+          axisLabel: {
+            show: true,
+            textStyle: {
+              color: optionsCollapse.colorY, // x轴 坐标文字颜色
+              fontSize: optionsCollapse.fontSizeY,
+            },
+          },
+        },
+      ]
+
+      this.options.yAxis = yAxis
+    },
+    // 折线设置
+    setOptionsTop () {
+      const optionsCollapse = this.optionsCollapse
+      const series = this.options.series
+      for (const key in series) {
+        if (series[key].type == 'line') {
+          series[key].showSymbol = optionsCollapse.markPoint
+          series[key].symbolSize = optionsCollapse.pointSize
+          series[key].smooth = optionsCollapse.smoothCurve
+          if (optionsCollapse.area) {
+            series[key].areaStyle = {
+              opacity: optionsCollapse.areaThickness / 100,
+            }
+          } else {
+            series[key].areaStyle = {
+              opacity: 0,
+            }
+          }
+          series[key].lineStyle = {
+            width: optionsCollapse.lineWidth,
+          }
+          series[key].itemStyle.borderRadius = optionsCollapse.radius
+          series[key].label = {
+            show: optionsCollapse.isShow,
+            position: 'top',
+            distance: 10,
+            fontSize: optionsCollapse.fontSize,
+            color: optionsCollapse.subTextColor,
+            fontWeight: optionsCollapse.fontWeight,
+          }
+        }
+      }
+      this.options.series = series
+    },
+    setOptionsBar () {
+      const optionsCollapse = this.optionsCollapse
+      const series = this.options.series
+      for (const key in series) {
+        if (series[key].type == 'bar') {
+          series[key].label = {
+            show: optionsCollapse.isShow,
+            position: 'top',
+            distance: 10,
+            fontSize: optionsCollapse.fontSize,
+            color: optionsCollapse.subTextColor,
+            fontWeight: optionsCollapse.fontWeight,
+          }
+          series[key].barWidth = optionsCollapse.maxWidth
+          series[key].barMinHeight = optionsCollapse.minHeight
+          series[key].itemStyle.barBorderRadius = optionsCollapse.radius
+        }
+      }
+      this.options.series = series
+    },
+    // tooltip 设置
+    setOptionsTooltip () {
+      const optionsCollapse = this.optionsCollapse
+      const tooltip = {
+        trigger: 'item',
+        show: true,
+        textStyle: {
+          color: optionsCollapse.lineColor,
+          fontSize: optionsCollapse.fontSize,
+        },
+      }
+      this.options.tooltip = tooltip
+    },
+    //边距设置
+    setOptionsMargin () {
+      const optionsCollapse = this.optionsCollapse
+      const grid = {
+        left: optionsCollapse.marginLeft,
+        right: optionsCollapse.marginRight,
+        bottom: optionsCollapse.marginBottom,
+        top: optionsCollapse.marginTop,
+        containLabel: true
+      }
+      this.options.grid = grid
+    },
+    // 图例操作 legend
+    setOptionsLegend () {
+      const optionsCollapse = this.optionsCollapse
+      const legend = this.options.legend
+      legend.show = optionsCollapse.isShowLegend
+      legend.left = optionsCollapse.lateralPosition == 'left' ? 0 : 'auto'
+      legend.right = optionsCollapse.lateralPosition == 'right' ? 0 : 'auto'
+      legend.top = optionsCollapse.longitudinalPosition == 'top' ? 0 : 'auto'
+      legend.bottom = optionsCollapse.longitudinalPosition == 'bottom' ? 0 : 'auto'
+      legend.orient = optionsCollapse.layoutFront
+      legend.textStyle = {
+        color: optionsCollapse.lengedColor,
+        fontSize: optionsCollapse.fontSize,
+      }
+      legend.itemWidth = optionsCollapse.lengedWidth
+    },
+    // 图例颜色修改
+    setOptionsColor () {
+      const optionsCollapse = this.optionsCollapse
+      const customColor = optionsCollapse.customColor
+      if (!customColor) return
+      let arrColor = []
+      for (let i = 0; i < customColor.length; i++) {
+        arrColor.push(customColor[i].color)
+      }
+      this.options.color = arrColor
+      this.options = Object.assign({}, this.options)
+    },
+    // 数据处理
+    setOptionsData () {
+      const optionsData = this.optionsData // 数据类型 静态 or 动态
+      optionsData.dataType == 'staticData' ? this.staticDataFn(optionsData.staticData) : this.dynamicDataFn(optionsData.dynamicData)
+    },
+    staticDataFn (val) {
+      const staticData = JSON.parse(val)
+      // x轴
+      this.options.xAxis.data = staticData.xAxis
+      // series
+      const series = this.options.series
+      for (let i in series) {
+        for (let j in staticData.series) {
+          if (series[i].type == staticData.series[j].type) {
+            series[i].data = staticData.series[j].data
+          }
+        }
+      }
+    },
+    dynamicDataFn (val) {
+      if (!val) return
+      // x轴
+      this.options.xAxis.data = val.xAxis
+      // series
+      const series = this.options.series
+      for (let i in series) {
+        for (let j in val.series) {
+          if (series[i].type == val.series[j].type) {
+            series[i].data = val.series[j].data
+          }
+        }
+      }
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.echarts {
+  width: 100%;
+  height: 100%;
+  min-width: 200px;
+  min-height: 200px;
+  overflow: hidden;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetFunnel.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetFunnel.vue
new file mode 100644
index 00000000..5b58ef1b
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetFunnel.vue
@@ -0,0 +1,228 @@
+<template>
+  <div :style="styleObj">
+    <v-chart :options="options"
+             autoresize />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WidgetFunnel',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data () {
+    return {
+      options: {
+        color: [],
+        title: {
+          text: '',
+          textStyle: {
+            color: '#fff',
+          },
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b} : {c}%',
+        },
+        legend: {
+          textStyle: {
+            color: '#fff',
+          },
+        },
+        series: [
+          {
+            name: '',
+            type: 'funnel',
+            left: '10%',
+            top: 60,
+            // x2: 80,
+            bottom: 60,
+            width: '80%',
+            // height: {totalHeight} - y - y2,
+            min: 0,
+            max: 100,
+            minSize: '0%',
+            maxSize: '100%',
+            sort: 'descending',
+            gap: 2,
+            label: {
+              show: true,
+              position: 'inside',
+            },
+            labelLine: {
+              length: 10,
+              lineStyle: {
+                width: 1,
+                type: 'solid',
+              },
+            },
+            itemStyle: {
+              borderColor: '#fff',
+              borderWidth: 1,
+            },
+            emphasis: {
+              label: {
+                fontSize: 20,
+              },
+            },
+            data: [],
+          },
+        ],
+      },
+      optionsStyle: {}, // 样式
+      optionsData: {}, // 数据
+      optionsCollapse: {}, // 图标属性
+    }
+  },
+  computed: {
+    styleObj () {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        width: this.optionsStyle.width + 'px',
+        height: this.optionsStyle.height + 'px',
+        left: this.optionsStyle.left + 'px',
+        top: this.optionsStyle.top + 'px',
+      }
+    },
+  },
+  watch: {
+    value: {
+      handler (val) {
+        this.optionsStyle = val.position
+        this.optionsData = val.data
+        this.optionsCollapse = val.collapse
+        this.editorOptions()
+      },
+      deep: true,
+    },
+  },
+  created () {
+    this.optionsStyle = this.value.position
+    this.optionsData = this.value.data
+    this.optionsCollapse = this.value.collapse
+    this.editorOptions()
+  },
+  methods: {
+    // 修改图标options属性
+    editorOptions () {
+      this.setOptionsText()
+      this.setOptionsTitle()
+      this.setOptionsTooltip()
+      this.setOptionsLegend()
+      this.setOptionsColor()
+      this.setOptionsData()
+    },
+    // 文字设置
+    setOptionsText () {
+      const optionsCollapse = this.optionsCollapse
+      const series = this.options.series
+
+      for (const key in series) {
+        if (series[key].type == 'funnel') {
+          series[key].label.show = optionsCollapse.isShow
+          series[key].label.fontSize = optionsCollapse.fontSize
+          series[key].label.color = optionsCollapse.color
+          series[key].label.fontWeight = optionsCollapse.fontWeight
+
+          series[key].sort = optionsCollapse.reversal ? 'ascending' : 'descending'
+        }
+      }
+    },
+    // 标题修改
+    setOptionsTitle () {
+      const optionsCollapse = this.optionsCollapse
+      const title = {}
+      title.show = optionsCollapse.isNoTitle
+      title.text = optionsCollapse.titleText
+      title.textAlign = optionsCollapse.textAlign
+      title.textStyle = {
+        color: optionsCollapse.textColor,
+        fontSize: optionsCollapse.textFontSize,
+        fontWeight: optionsCollapse.textFontWeight,
+      }
+      title.subtext = optionsCollapse.subText
+      title.subtextStyle = {
+        color: optionsCollapse.subTextColor,
+        fontWeight: optionsCollapse.subTextFontWeight,
+        fontSize: optionsCollapse.subTextFontSize,
+      }
+
+      this.options.title = title
+    },
+    // 提示语设置 tooltip
+    setOptionsTooltip () {
+      const optionsCollapse = this.optionsCollapse
+      const tooltip = {
+        trigger: 'item',
+        show: true,
+        textStyle: {
+          color: optionsCollapse.lineColor,
+          fontSize: optionsCollapse.fontSize,
+        },
+      }
+      this.options.tooltip = tooltip
+    },
+    // 图例操作 legend
+    setOptionsLegend () {
+      const optionsCollapse = this.optionsCollapse
+      const legend = this.options.legend
+      legend.show = optionsCollapse.isShowLegend
+      legend.left = optionsCollapse.lateralPosition == 'left' ? 0 : 'auto'
+      legend.right = optionsCollapse.lateralPosition == 'right' ? 0 : 'auto'
+      legend.top = optionsCollapse.longitudinalPosition == 'top' ? 0 : 'auto'
+      legend.bottom = optionsCollapse.longitudinalPosition == 'bottom' ? 0 : 'auto'
+      legend.orient = optionsCollapse.layoutFront
+      legend.textStyle = {
+        color: optionsCollapse.lengedColor,
+        fontSize: optionsCollapse.fontSize,
+      }
+      legend.itemWidth = optionsCollapse.lengedWidth
+    },
+    // 图例颜色修改
+    setOptionsColor () {
+      const optionsCollapse = this.optionsCollapse
+      const customColor = optionsCollapse.customColor
+      if (!customColor) return
+      let arrColor = []
+      for (let i = 0; i < customColor.length; i++) {
+        arrColor.push(customColor[i].color)
+      }
+      this.options.color = arrColor
+      this.options = Object.assign({}, this.options)
+    },
+    setOptionsData () {
+      const optionsData = this.optionsData // 数据类型 静态 or 动态
+      optionsData.dataType == 'staticData' ? this.staticDataFn(optionsData.staticData) : this.dynamicDataFn(optionsData.dynamicData)
+    },
+    staticDataFn (val) {
+      const staticData = JSON.parse(val)
+      for (let key in this.options.series) {
+        if (this.options.series[key].type == 'funnel') {
+          this.options.series[key].data = staticData
+        }
+      }
+    },
+    dynamicDataFn (val) {
+      if (!val) return
+      for (let key in this.options.series) {
+        if (this.options.series[key].type == 'funnel') {
+          this.options.series[key].data = val
+        }
+      }
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.echarts {
+  width: 100%;
+  height: 100%;
+  min-width: 200px;
+  min-height: 200px;
+  overflow: hidden;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetGauge.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetGauge.vue
new file mode 100644
index 00000000..e4aa13d5
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetGauge.vue
@@ -0,0 +1,140 @@
+<template>
+  <div :style="styleObj">
+    <v-chart :options="options" autoresize />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WidgetGauge',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data() {
+    return {
+      options: {
+        series: [
+          {
+            name: 'Pressure',
+            type: 'gauge',
+            detail: {
+              formatter: '{value}',
+              textStyle: {
+                fontSize: 12,
+              },
+            },
+            axisLine: {
+              show: true,
+              lineStyle: {
+                width: 10,
+              },
+            },
+            axisLabel: {
+              show: true,
+              fontSize: 12,
+            },
+            axisTick: {
+              show: true,
+            },
+            data: [
+              {
+                value: 50,
+                name: '',
+              },
+            ],
+          },
+        ],
+      },
+      optionsStyle: {}, // 样式
+      optionsData: {}, // 数据
+      optionsCollapse: {}, // 图标属性
+      optionsSetup: {},
+    }
+  },
+  computed: {
+    styleObj() {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        width: this.optionsStyle.width + 'px',
+        height: this.optionsStyle.height + 'px',
+        left: this.optionsStyle.left + 'px',
+        top: this.optionsStyle.top + 'px',
+      }
+    },
+  },
+  watch: {
+    value: {
+      handler(val) {
+        this.optionsStyle = val.position // 位置
+        this.optionsData = val.data // 数据
+        this.optionsCollapse = val.collapse // 折叠数据
+        this.optionsSetup = val.setup // 样式
+        this.setOptions()
+        this.setOptionsData()
+      },
+      deep: true,
+    },
+  },
+  created() {
+    this.optionsStyle = this.value.position
+    this.optionsData = this.value.data
+    this.optionsCollapse = this.value.collapse
+    this.optionsSetup = this.value.setup
+    this.setOptions()
+    this.setOptionsData()
+  },
+  methods: {
+    setOptions() {
+      const optionsSetup = this.optionsSetup
+      const series = this.options.series
+      for (const key in series) {
+        if (series[key].type == 'gauge') {
+          series[key].axisLine.lineStyle.width = optionsSetup.tickMarkWeight
+          series[key].axisLabel.show = optionsSetup.showScaleValue
+          series[key].axisLabel.fontSize = optionsSetup.scaleFontSize
+          series[key].axisTick.show = optionsSetup.showTickMarks
+          series[key].detail.textStyle.fontSize = optionsSetup.targetFontSize
+        }
+      }
+    },
+    setOptionsData() {
+      const optionsData = this.optionsData // 数据类型 静态 or 动态
+      optionsData.dataType == 'staticData' ? this.staticDataFn(optionsData.staticData) : this.dynamicDataFn(optionsData.dynamicData)
+    },
+    staticDataFn(val) {
+      const unit = JSON.parse(val).unit
+      const series = this.options.series
+      for (let key in series) {
+        series[key].detail.formatter = `{value}${unit}`
+        series[key].data[0] = {
+          value: JSON.parse(val).value,
+          name: JSON.parse(val).name,
+        }
+      }
+    },
+    dynamicDataFn(val) {
+      if (!val) return
+      const series = this.options.series
+      for (let key in series) {
+        series[key].detail.formatter = `{value}${val.unit}`
+        series[key].data[0] = {
+          value: val.value,
+          name: val.name || '',
+        }
+      }
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.echarts {
+  width: 100%;
+  height: 100%;
+  min-width: 200px;
+  min-height: 200px;
+  overflow: hidden;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetHollowPiechart.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetHollowPiechart.vue
new file mode 100644
index 00000000..4bedb578
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetHollowPiechart.vue
@@ -0,0 +1,218 @@
+<template>
+  <div :style="styleObj">
+    <v-chart :options="options"
+             autoresize />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WidgetHollowPiechart',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data () {
+    return {
+      options: {
+        color: [],
+        tooltip: {
+          trigger: 'item',
+        },
+        legend: {
+          top: '5%',
+          left: 'center',
+          textStyle: {
+            color: '#fff',
+          },
+        },
+        series: [
+          {
+            type: 'pie',
+            radius: ['40%', '70%'],
+            avoidLabelOverlap: true,
+            label: {
+              show: false,
+              position: 'center',
+            },
+            emphasis: {
+              label: {
+                show: true,
+                fontSize: '40',
+                fontWeight: 'bold',
+              },
+            },
+            labelLine: {
+              show: true,
+            },
+            data: [],
+          },
+        ],
+      },
+      optionsStyle: {}, // 样式
+      optionsData: {}, // 数据
+      optionsCollapse: {}, // 图标属性
+    }
+  },
+  computed: {
+    styleObj () {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        width: this.optionsStyle.width + 'px',
+        height: this.optionsStyle.height + 'px',
+        left: this.optionsStyle.left + 'px',
+        top: this.optionsStyle.top + 'px',
+      }
+    },
+  },
+  watch: {
+    value: {
+      handler (val) {
+        this.optionsStyle = val.position
+        this.optionsData = val.data
+        this.optionsCollapse = val.collapse
+        this.editorOptions()
+      },
+      deep: true,
+    },
+  },
+  created () {
+    this.optionsStyle = this.value.position
+    this.optionsData = this.value.data
+    this.optionsCollapse = this.value.collapse
+    this.editorOptions()
+  },
+  methods: {
+    // 修改图标options属性
+    editorOptions () {
+      this.setOptionsTitle()
+      this.setOptionsValue()
+      this.setOptionsTooltip()
+      this.setOptionsLegend()
+      this.setOptionsColor()
+      this.setOptionsData()
+    },
+    // 标题设置
+    setOptionsTitle () {
+      const optionsCollapse = this.optionsCollapse
+      const title = {}
+      title.show = optionsCollapse.isNoTitle
+      title.text = optionsCollapse.titleText
+      title.textAlign = optionsCollapse.textAlign
+      title.textStyle = {
+        color: optionsCollapse.textColor,
+        fontSize: optionsCollapse.textFontSize,
+        fontWeight: optionsCollapse.textFontWeight,
+      }
+      title.subtext = optionsCollapse.subText
+      title.subtextStyle = {
+        color: optionsCollapse.subTextColor,
+        fontWeight: optionsCollapse.subTextFontWeight,
+        fontSize: optionsCollapse.subTextFontSize,
+      }
+
+      this.options.title = title
+    },
+    // 数值设定
+    setOptionsValue () {
+      const optionsCollapse = this.optionsCollapse
+      const series = this.options.series
+      const numberValue = optionsCollapse.numberValue ? '{c}' : ''
+      const percentage = optionsCollapse.percentage ? '({d})%' : ''
+      const label = {
+        show: optionsCollapse.isShow,
+        formatter: `{a|{b}：${numberValue} ${percentage}}`,
+        rich: {
+          a: {
+            padding: [-30, 15, -20, 15],
+            color: optionsCollapse.subTextColor,
+            fontSize: optionsCollapse.fontSize,
+            fontWeight: optionsCollapse.fontWeight,
+          },
+        },
+        fontSize: optionsCollapse.fontSize,
+        fontWeight: optionsCollapse.optionsCollapse,
+      }
+
+      for (const key in series) {
+        if (series[key].type == 'pie') {
+          series[key].label = label
+          series[key].labelLine.show = optionsCollapse.isShow
+        }
+      }
+    },
+    // 提示语设置 tooltip
+    setOptionsTooltip () {
+      const optionsCollapse = this.optionsCollapse
+      const tooltip = {
+        trigger: 'item',
+        show: true,
+        textStyle: {
+          color: optionsCollapse.lineColor,
+          fontSize: optionsCollapse.fontSize,
+        },
+      }
+      this.options.tooltip = tooltip
+    },
+    // 图例操作 legend
+    setOptionsLegend () {
+      const optionsCollapse = this.optionsCollapse
+      const legend = this.options.legend
+      legend.show = optionsCollapse.isShowLegend
+      legend.left = optionsCollapse.lateralPosition == 'left' ? 0 : 'auto'
+      legend.right = optionsCollapse.lateralPosition == 'right' ? 0 : 'auto'
+      legend.top = optionsCollapse.longitudinalPosition == 'top' ? 0 : 'auto'
+      legend.bottom = optionsCollapse.longitudinalPosition == 'bottom' ? 0 : 'auto'
+      legend.orient = optionsCollapse.layoutFront
+      legend.textStyle = {
+        color: optionsCollapse.lengedColor,
+        fontSize: optionsCollapse.fontSize,
+      }
+      legend.itemWidth = optionsCollapse.lengedWidth
+    },
+    // 图例颜色修改
+    setOptionsColor () {
+      const optionsCollapse = this.optionsCollapse
+      const customColor = optionsCollapse.customColor
+      if (!customColor) return
+      let arrColor = []
+      for (let i = 0; i < customColor.length; i++) {
+        arrColor.push(customColor[i].color)
+      }
+      this.options.color = arrColor
+      this.options = Object.assign({}, this.options)
+    },
+    setOptionsData () {
+      const optionsData = this.optionsData // 数据类型 静态 or 动态
+      optionsData.dataType == 'staticData' ? this.staticDataFn(optionsData.staticData) : this.dynamicDataFn(optionsData.dynamicData)
+    },
+    staticDataFn (val) {
+      const staticData = JSON.parse(val)
+      for (let key in this.options.series) {
+        if (this.options.series[key].type == 'pie') {
+          this.options.series[key].data = staticData
+        }
+      }
+    },
+    dynamicDataFn (val) {
+      if (!val) return
+      for (let key in this.options.series) {
+        if (this.options.series[key].type == 'pie') {
+          this.options.series[key].data = val
+        }
+      }
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.echarts {
+  width: 100%;
+  height: 100%;
+  min-width: 200px;
+  min-height: 200px;
+  overflow: hidden;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetHref.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetHref.vue
new file mode 100644
index 00000000..5c7a04a8
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetHref.vue
@@ -0,0 +1,71 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <a :href="styleColor.linkAdress" :style="styleColor" :target="styleColor.jumpMode">{{ styleColor.text }}</a>
+</template>
+
+<script>
+export default {
+  name: 'WidgetHref',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data() {
+    return {
+      options: {},
+    }
+  },
+  computed: {
+    transStyle() {
+      return this.objToOne(this.options)
+    },
+    styleColor() {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        color: this.transStyle.color || '#fff',
+        'font-weight': this.transStyle.fontWeight || '600',
+        text: this.transStyle.text || '超链接',
+        'font-size': this.transStyle.fontSize + 'px' || '12px',
+        'letter-spacing': this.transStyle.letterSpacing + 'em',
+        background: this.transStyle.background,
+        'text-align': this.transStyle.textAlign,
+        display: this.transStyle.hideLayer == undefined ? 'block' : this.transStyle.hideLayer ? 'none' : 'block',
+        width: this.transStyle.width + 'px',
+        height: this.transStyle.height + 'px',
+        left: this.transStyle.left + 'px',
+        top: this.transStyle.top + 'px',
+        right: this.transStyle.right + 'px',
+
+        linkAdress: this.transStyle.linkAdress,
+        jumpMode: this.transStyle.jumpMode == 'other' ? '_blank' : '_self',
+      }
+    },
+  },
+  watch: {
+    value: {
+      handler(val) {
+        this.options = val
+      },
+      deep: true,
+    },
+  },
+  mounted() {
+    this.options = this.value
+  },
+  methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+a{
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetIframe.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetIframe.vue
new file mode 100644
index 00000000..6bd2fb84
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetIframe.vue
@@ -0,0 +1,54 @@
+<template>
+  <iframe :style="styleColor" :src="styleColor.iframeAdress" width="100%" height="100%" />
+</template>
+
+<script>
+export default {
+  name: 'WidgetIframe',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data() {
+    return {
+      options: {},
+    }
+  },
+  computed: {
+    transStyle() {
+      return this.objToOne(this.options)
+    },
+    styleColor() {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        width: this.transStyle.width + 'px',
+        height: this.transStyle.height + 'px',
+        left: this.transStyle.left + 'px',
+        top: this.transStyle.top + 'px',
+        right: this.transStyle.right + 'px',
+        iframeAdress: this.transStyle.iframeAdress,
+      }
+    },
+  },
+  watch: {
+    value: {
+      handler(val) {
+        this.options = val
+      },
+      deep: true,
+    },
+  },
+  mounted() {
+    this.options = this.value
+  },
+  methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+iframe {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetImage.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetImage.vue
new file mode 100644
index 00000000..1abf8667
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetImage.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="imagebox" :style="styleColor"><img :class="transStyle.startRotate?'startImg':''" :style="imgStyle" :src="imgStyle.imageAdress" alt=""></div>
+</template>
+<script>
+// http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095508.jpg
+// http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095500.jpg
+// http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095502.jpg
+// http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095503.jpg
+// http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095504.jpg
+// http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095506.jpg
+export default {
+  name: 'WidgetImage',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data() {
+    return {
+      options: {},
+    }
+  },
+  computed: {
+    transStyle() {
+      return this.objToOne(this.options)
+    },
+    styleColor() {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        background: this.transStyle.background,
+        'text-align': this.transStyle.textAlign,
+        width: this.transStyle.width + 'px',
+        height: this.transStyle.height + 'px',
+        left: this.transStyle.left + 'px',
+        top: this.transStyle.top + 'px',
+        right: this.transStyle.right + 'px',
+
+      }
+    },
+    imgStyle() {
+      return {
+        imageAdress: this.transStyle.imageAdress,
+        'border-radius': this.transStyle.borderRadius + 'px',
+        opacity: this.transStyle.transparency / 100,
+      }
+    }
+  },
+  watch: {
+    value: {
+      handler(val) {
+        this.options = val
+      },
+      deep: true,
+    },
+  },
+  mounted() {
+    this.options = this.value
+  },
+  methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+.imagebox {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.imagebox img {
+  width: 100%;
+  height: 100%;
+}
+.startImg {
+  animation:turn 1s linear infinite;  
+}
+ @keyframes turn{
+  0%{-webkit-transform:rotate(0deg);}
+  25%{-webkit-transform:rotate(90deg);}
+  50%{-webkit-transform:rotate(180deg);}
+  75%{-webkit-transform:rotate(270deg);}
+  100%{-webkit-transform:rotate(360deg);}
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetLinechart.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetLinechart.vue
new file mode 100644
index 00000000..0dacec38
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetLinechart.vue
@@ -0,0 +1,306 @@
+<template>
+  <div :style="styleObj">
+    <v-chart :options="options"
+             autoresize />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WidgetLinechart',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data () {
+    return {
+      options: {
+        grid: {},
+        color: [],
+        title: {
+          text: '',
+          textStyle: {
+            color: '#fff',
+          },
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b} : {c}%',
+        },
+        legend: {
+          textStyle: {
+            color: '#fff',
+          },
+        },
+        xAxis: {
+          type: 'category',
+          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+          axisLabel: {
+            show: true,
+            textStyle: {
+              color: '#fff',
+            },
+          },
+        },
+        yAxis: {
+          type: 'value',
+          axisLabel: {
+            show: true,
+            textStyle: {
+              color: '#fff',
+            },
+          },
+        },
+        series: [
+          {
+            data: [],
+            type: 'line',
+          },
+        ],
+      },
+      optionsStyle: {}, // 样式
+      optionsData: {}, // 数据
+      optionsCollapse: {}, // 图标属性
+    }
+  },
+  computed: {
+    styleObj () {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        width: this.optionsStyle.width + 'px',
+        height: this.optionsStyle.height + 'px',
+        left: this.optionsStyle.left + 'px',
+        top: this.optionsStyle.top + 'px',
+      }
+    },
+  },
+  watch: {
+    value: {
+      handler (val) {
+        this.optionsStyle = val.position
+        this.optionsData = val.data
+        this.optionsCollapse = val.collapse
+        this.editorOptions()
+      },
+      deep: true,
+    },
+  },
+  created () {
+    this.optionsStyle = this.value.position
+    this.optionsData = this.value.data
+    this.optionsCollapse = this.value.collapse
+    this.editorOptions()
+  },
+  methods: {
+    // 修改图标options属性
+    editorOptions () {
+      this.setOptionsTitle()
+      this.setOptionsX()
+      this.setOptionsY()
+      this.setOptionsTop()
+      this.setOptionsTooltip()
+      this.setOptionsData()
+      this.setOptionsMargin()
+      this.setOptionsLegend()
+      this.setOptionsColor()
+    },
+    // 标题修改
+    setOptionsTitle () {
+      const optionsCollapse = this.optionsCollapse
+      const title = {}
+      title.text = optionsCollapse.titleText
+      title.show = optionsCollapse.isNoTitle
+      title.textAlign = optionsCollapse.textAlign
+      title.textStyle = {
+        color: optionsCollapse.textColor,
+        fontSize: optionsCollapse.textFontSize,
+        fontWeight: optionsCollapse.textFontWeight,
+      }
+      title.subtext = optionsCollapse.subText
+      title.subtextStyle = {
+        color: optionsCollapse.subTextColor,
+        fontWeight: optionsCollapse.subTextFontWeight,
+        fontSize: optionsCollapse.subTextFontSize,
+      }
+
+      this.options.title = title
+    },
+    // X轴设置
+    setOptionsX () {
+      const optionsCollapse = this.optionsCollapse
+      const xAxis = {
+        type: 'category',
+        show: optionsCollapse.hideX, // 坐标轴是否显示
+        name: optionsCollapse.xName, // 坐标轴名称
+        nameTextStyle: {
+          color: optionsCollapse.xNameColor,
+          fontSize: optionsCollapse.xNameFontSize,
+        },
+        nameRotate: optionsCollapse.textAngle, // 文字角度
+        inverse: optionsCollapse.reversalX, // 轴反转
+        axisLabel: {
+          show: true,
+          interval: optionsCollapse.textInterval,// 文字角度
+          rotate: optionsCollapse.textAngle,// 文字角度
+          textStyle: {
+            color: optionsCollapse.Xcolor, // x轴 坐标文字颜色
+            fontSize: optionsCollapse.fontSizeX,
+          },
+        },
+      }
+      this.options.xAxis = xAxis
+    },
+    // Y轴设置
+    setOptionsY () {
+      const optionsCollapse = this.optionsCollapse
+      const yAxis = {
+        type: 'value',
+        show: optionsCollapse.isShowY, // 坐标轴是否显示
+        name: optionsCollapse.textNameY, // 坐标轴名称
+        nameTextStyle: {
+          color: optionsCollapse.NameColorY,
+          fontSize: optionsCollapse.NameFontSizeY,
+        },
+        inverse: optionsCollapse.reversalY, // 轴反转
+        axisLabel: {
+          show: true,
+          textStyle: {
+            color: optionsCollapse.colorY, // x轴 坐标文字颜色
+            fontSize: optionsCollapse.fontSizeY,
+          },
+        },
+      }
+
+      this.options.yAxis = yAxis
+    },
+    // 折线设置
+    setOptionsTop () {
+      const optionsCollapse = this.optionsCollapse
+      const series = this.options.series
+      for (const key in series) {
+        if (series[key].type == 'line') {
+          series[key].showSymbol = optionsCollapse.markPoint
+          series[key].symbolSize = optionsCollapse.pointSize
+          series[key].smooth = optionsCollapse.smoothCurve
+          if (optionsCollapse.area) {
+            series[key].areaStyle = {
+              opacity: optionsCollapse.areaThickness / 100,
+            }
+          } else {
+            series[key].areaStyle = {
+              opacity: 0,
+            }
+          }
+
+          series[key].lineStyle = {
+            width: optionsCollapse.lineWidth,
+          }
+          series[key].label = {
+            show: optionsCollapse.isShow,
+            position: 'top',
+            distance: 10,
+            fontSize: optionsCollapse.fontSize,
+            color: optionsCollapse.subTextColor,
+            fontWeight: optionsCollapse.fontWeight,
+          }
+        }
+      }
+      this.options.series = series
+    },
+    // tooltip 设置
+    setOptionsTooltip () {
+      const optionsCollapse = this.optionsCollapse
+      const tooltip = {
+        trigger: 'item',
+        show: true,
+        textStyle: {
+          color: optionsCollapse.lineColor,
+          fontSize: optionsCollapse.fontSize,
+        },
+      }
+      this.options.tooltip = tooltip
+    },
+    //边距设置
+    setOptionsMargin () {
+      const optionsCollapse = this.optionsCollapse
+      const grid = {
+        left: optionsCollapse.marginLeft,
+        right: optionsCollapse.marginRight,
+        bottom: optionsCollapse.marginBottom,
+        top: optionsCollapse.marginTop,
+        containLabel: true
+      }
+      this.options.grid = grid
+    },
+    // 图例操作 legend
+    setOptionsLegend () {
+      const optionsCollapse = this.optionsCollapse
+      const legend = this.options.legend
+      legend.show = optionsCollapse.isShowLegend
+      legend.left = optionsCollapse.lateralPosition == 'left' ? 0 : 'auto'
+      legend.right = optionsCollapse.lateralPosition == 'right' ? 0 : 'auto'
+      legend.top = optionsCollapse.longitudinalPosition == 'top' ? 0 : 'auto'
+      legend.bottom = optionsCollapse.longitudinalPosition == 'bottom' ? 0 : 'auto'
+      legend.orient = optionsCollapse.layoutFront
+      legend.textStyle = {
+        color: optionsCollapse.lengedColor,
+        fontSize: optionsCollapse.fontSize,
+      }
+      legend.itemWidth = optionsCollapse.lengedWidth
+      console.log(legend)
+    },
+    // 图例颜色修改
+    setOptionsColor () {
+      const optionsCollapse = this.optionsCollapse
+      const customColor = optionsCollapse.customColor
+      if (!customColor) return
+      let arrColor = []
+      for (let i = 0; i < customColor.length; i++) {
+        arrColor.push(customColor[i].color)
+      }
+      this.options.color = arrColor
+      this.options = Object.assign({}, this.options)
+    },
+    // 处理数据
+    setOptionsData () {
+      const optionsData = this.optionsData // 数据类型 静态 or 动态
+      optionsData.dataType == 'staticData' ? this.staticDataFn(optionsData.staticData) : this.dynamicDataFn(optionsData.dynamicData)
+    },
+    staticDataFn (val) {
+      const staticData = JSON.parse(val)
+      // x轴
+      this.options.xAxis.data = staticData.categories
+      // series
+      const series = this.options.series
+      for (let i in series) {
+        if (series[i].type == 'line') {
+          series[i].data = staticData.series[0].data
+        }
+      }
+    },
+    dynamicDataFn (val) {
+      if (!val) return
+      // x轴
+      this.options.xAxis.data = val.xAxis
+      // series
+      const series = this.options.series
+      for (let i in series) {
+        if (series[i].type == 'line') {
+          series[i].data = val.series[i].data
+        }
+      }
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.echarts {
+  width: 100%;
+  height: 100%;
+  min-width: 200px;
+  min-height: 200px;
+  overflow: hidden;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetMarquee.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetMarquee.vue
new file mode 100644
index 00000000..89d18123
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetMarquee.vue
@@ -0,0 +1,69 @@
+<template>
+  <div class="text" :style="styleColor">
+    <marquee behavior="" :direction="styleColor.direction">{{ styleColor.text }}</marquee>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WidgetMarquee',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data() {
+    return {
+      options: {},
+    }
+  },
+  computed: {
+    transStyle() {
+      return this.objToOne(this.options)
+    },
+    styleColor() {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        color: this.transStyle.color,
+        'font-weight': this.transStyle.fontWeight,
+        text: this.transStyle.text,
+        'font-size': this.transStyle.fontSize + 'px',
+        'letter-spacing': this.transStyle.letterSpacing + 'em',
+        background: this.transStyle.background,
+        'text-align': this.transStyle.textAlign,
+        width: this.transStyle.width + 'px',
+        height: this.transStyle.height + 'px',
+        left: this.transStyle.left + 'px',
+        top: this.transStyle.top + 'px',
+        right: this.transStyle.right + 'px',
+
+        marqueeSet: this.transStyle.marqueeSet,
+        styleColor: this.transStyle.marqueeQuit,
+      }
+    },
+    isBehavior() {
+      return this.styleColor.marqueeSet ? 'start()' : 'stop()'
+    },
+  },
+  watch: {
+    value: {
+      handler(val) {
+        this.options = val
+      },
+      deep: true,
+    },
+  },
+  mounted() {
+    this.options = this.value
+  },
+  methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+.text {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetPiechart.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetPiechart.vue
new file mode 100644
index 00000000..4e4c129b
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetPiechart.vue
@@ -0,0 +1,213 @@
+<template>
+  <div :style="styleObj">
+    <v-chart :options="options"
+             autoresize />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WidgetPiechart',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data () {
+    return {
+      options: {
+        title: {
+          text: '某站点用户访问来源',
+          left: 'center',
+          textStyle: {
+            color: '#fff',
+          },
+        },
+        legend: {
+          orient: 'vertical',
+          left: 'left',
+          textStyle: {
+            color: '#fff',
+          },
+        },
+        series: [
+          {
+            type: 'pie',
+            radius: '50%',
+            data: [],
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)',
+              },
+            },
+          },
+        ],
+      },
+      optionsStyle: {}, // 样式
+      optionsData: {}, // 数据
+      optionsCollapse: {}, // 图标属性
+    }
+  },
+  computed: {
+    styleObj () {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        width: this.optionsStyle.width + 'px',
+        height: this.optionsStyle.height + 'px',
+        left: this.optionsStyle.left + 'px',
+        top: this.optionsStyle.top + 'px',
+      }
+    },
+  },
+  watch: {
+    value: {
+      handler (val) {
+        this.optionsStyle = val.position
+        this.optionsData = val.data
+        this.optionsCollapse = val.collapse
+        this.editorOptions()
+      },
+      deep: true,
+    },
+  },
+  created () {
+    this.optionsStyle = this.value.position
+    this.optionsData = this.value.data
+    this.optionsCollapse = this.value.collapse
+    this.editorOptions()
+  },
+  methods: {
+    // 修改图标options属性
+    editorOptions () {
+      this.setOptionsTitle()
+      this.setOptionsValue()
+      this.setOptionsTooltip()
+      this.setOptionsLegend()
+      this.setOptionsColor()
+      this.setOptionsData()
+    },
+    // 标题设置
+    setOptionsTitle () {
+      const optionsCollapse = this.optionsCollapse
+      const title = {}
+      title.show = optionsCollapse.isNoTitle
+      title.text = optionsCollapse.titleText
+      title.textAlign = optionsCollapse.textAlign
+      title.textStyle = {
+        color: optionsCollapse.textColor,
+        fontSize: optionsCollapse.textFontSize,
+        fontWeight: optionsCollapse.textFontWeight,
+      }
+      title.subtext = optionsCollapse.subText
+      title.subtextStyle = {
+        color: optionsCollapse.subTextColor,
+        fontWeight: optionsCollapse.subTextFontWeight,
+        fontSize: optionsCollapse.subTextFontSize,
+      }
+
+      this.options.title = title
+    },
+    // 数值设定
+    setOptionsValue () {
+      const optionsCollapse = this.optionsCollapse
+      const series = this.options.series
+      const numberValue = optionsCollapse.numberValue ? '{c}' : ''
+      const percentage = optionsCollapse.percentage ? '({d})%' : ''
+      const label = {
+        show: optionsCollapse.isShow,
+        formatter: `{a|{b}：${numberValue} ${percentage}}`,
+        rich: {
+          a: {
+            padding: [-30, 15, -20, 15],
+            color: optionsCollapse.subTextColor,
+            fontSize: optionsCollapse.fontSize,
+            fontWeight: optionsCollapse.fontWeight,
+          },
+        },
+        fontSize: optionsCollapse.fontSize,
+
+        fontWeight: optionsCollapse.optionsCollapse,
+      }
+      for (const key in series) {
+        if (series[key].type == 'pie') {
+          series[key].label = label
+          series[key].labelLine = { show: optionsCollapse.isShow }
+        }
+      }
+    },
+    // 提示语设置 tooltip
+    setOptionsTooltip () {
+      const optionsCollapse = this.optionsCollapse
+      const tooltip = {
+        trigger: 'item',
+        show: true,
+        textStyle: {
+          color: optionsCollapse.lineColor,
+          fontSize: optionsCollapse.fontSize,
+        },
+      }
+      this.options.tooltip = tooltip
+    },
+    // 图例操作 legend
+    setOptionsLegend () {
+      const optionsCollapse = this.optionsCollapse
+      const legend = this.options.legend
+      legend.show = optionsCollapse.isShowLegend
+      legend.left = optionsCollapse.lateralPosition == 'left' ? 0 : 'auto'
+      legend.right = optionsCollapse.lateralPosition == 'right' ? 0 : 'auto'
+      legend.top = optionsCollapse.longitudinalPosition == 'top' ? 0 : 'auto'
+      legend.bottom = optionsCollapse.longitudinalPosition == 'bottom' ? 0 : 'auto'
+      legend.orient = optionsCollapse.layoutFront
+      legend.textStyle = {
+        color: optionsCollapse.lengedColor,
+        fontSize: optionsCollapse.fontSize,
+      }
+      legend.itemWidth = optionsCollapse.lengedWidth
+    },
+    // 图例颜色修改
+    setOptionsColor () {
+      const optionsCollapse = this.optionsCollapse
+      const customColor = optionsCollapse.customColor
+      if (!customColor) return
+      let arrColor = []
+      for (let i = 0; i < customColor.length; i++) {
+        arrColor.push(customColor[i].color)
+      }
+      this.options.color = arrColor
+      this.options = Object.assign({}, this.options)
+    },
+    setOptionsData () {
+      const optionsData = this.optionsData // 数据类型 静态 or 动态
+      optionsData.dataType == 'staticData' ? this.staticDataFn(optionsData.staticData) : this.dynamicDataFn(optionsData.dynamicData)
+    },
+    staticDataFn (val) {
+      const staticData = JSON.parse(val)
+      for (let key in this.options.series) {
+        if (this.options.series[key].type == 'pie') {
+          this.options.series[key].data = staticData
+        }
+      }
+    },
+    dynamicDataFn (val) {
+      if (!val) return
+      for (let key in this.options.series) {
+        if (this.options.series[key].type == 'pie') {
+          this.options.series[key].data = val
+        }
+      }
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.echarts {
+  width: 100%;
+  height: 100%;
+  min-width: 200px;
+  min-height: 200px;
+  overflow: hidden;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetSlider.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetSlider.vue
new file mode 100644
index 00000000..e085c0d2
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetSlider.vue
@@ -0,0 +1,128 @@
+<template>
+  <superslide :options="options" class="slideBox">
+    <!-- slides -->
+    <div class="bd">
+      <ul>
+        <li>
+          <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=717294809,2494697366&fm=26&gp=0.jpg" alt="">
+        </li>
+        <li>
+          <img src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2090090414,3038344648&fm=26&gp=0.jpg" alt="">
+        </li>
+      </ul>
+    </div>
+    <!-- Optional controls slots -->
+    <!-- slot="titCell" -->
+    <div slot="titCell" class="hd">
+      <ul>
+        <li class="on">1</li>
+        <li class="">2</li>
+        <li class="">3</li>
+      </ul>
+    </div>
+    <!-- slot="prev" -->
+    <a slot="prev" class="prev" href="javascript:void(0)" />
+    <!-- slot="next" -->
+    <a slot="next" class="next" href="javascript:void(0)" />
+    <!-- slot="pageStateCell" -->
+    <span slot="pageStateCell" class="pageState" />
+  </superslide>
+</template>
+<script>
+export default {
+  name: 'WidgetSlider',
+  components: {},
+  data() {
+    return {
+      options: {
+        mainCell: '.bd ul',
+        autoPlay: true,
+        effect: 'leftLoop',
+      },
+    }
+  },
+  mounted() {},
+  methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+.slideBox {
+  width: 450px;
+  height: 230px;
+  overflow: hidden;
+  position: relative;
+}
+.slideBox .hd {
+  height: 15px;
+  overflow: hidden;
+  position: absolute;
+  right: 5px;
+  bottom: 5px;
+  z-index: 1;
+}
+.slideBox .hd ul {
+  overflow: hidden;
+  zoom: 1;
+  float: left;
+}
+.slideBox .hd ul li {
+  float: left;
+  margin-right: 2px;
+  width: 15px;
+  height: 15px;
+  line-height: 14px;
+  text-align: center;
+  background: #fff;
+  cursor: pointer;
+}
+.slideBox .hd ul li.on {
+  background: #f00;
+  color: #fff;
+}
+.slideBox .bd {
+  position: relative;
+  height: 100%;
+  z-index: 0;
+}
+.slideBox .bd li {
+  zoom: 1;
+  vertical-align: middle;
+}
+.slideBox .bd img {
+  width: 450px;
+  height: 230px;
+  display: block;
+}
+/* 下面是前/后按钮代码，如果不需要删除即可 */
+.slideBox .prev,
+.slideBox .next {
+  position: absolute;
+  left: 3%;
+  top: 50%;
+  margin-top: -25px;
+  display: block;
+  width: 32px;
+  height: 40px;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOsAAAAgCAMAAADE+3+QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYyNjE4RUVDRjgxMTFFMjk1ODhDQkIzNDg3MjdGNUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYyNjE4RUZDRjgxMTFFMjk1ODhDQkIzNDg3MjdGNUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjI2MThFQ0NGODExMUUyOTU4OENCQjM0ODcyN0Y1QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjI2MThFRENGODExMUUyOTU4OENCQjM0ODcyN0Y1QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmLDzTcAAAAJUExURcHBwf///////wCiYf4AAAADdFJOU///ANfKDUEAAACjSURBVHja5JnRDUQhDMNM9h/6STfCgeKPsIBjhGgpnHPy7wLyYLUicC5IPJGtJfi5ngsSL1Q7AYgsW8QTV7YJJ6psFU1M2S6YiLJlLPFk21CiydaRaOT+7mKxhYOERDcuCBy+cheiJHBqHEYGqZzPug6d4aG7aajmDPUSQz3iUO8/9KYbeqsPzWCGZmtDM9OhWfjSH8fY31UuSMkT2UqET4ABAHo9NyVXKF5RAAAAAElFTkSuQmCC) -110px
+    5px no-repeat;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+}
+.slideBox .next {
+  left: auto;
+  right: 3%;
+  background-position: 8px 5px;
+}
+.slideBox .prev:hover,
+.slideBox .next:hover {
+  filter: alpha(opacity=100);
+  opacity: 1;
+}
+.slideBox .prevStop {
+  display: none;
+}
+.slideBox .nextStop {
+  display: none;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetText.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetText.vue
new file mode 100644
index 00000000..9e1e8dd7
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetText.vue
@@ -0,0 +1,67 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <div class="text" :style="styleColor">{{ styleColor.text }}</div>
+</template>
+
+<script>
+export default {
+  name: 'WidgetText',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data() {
+    return {
+      options: {},
+    }
+  },
+  computed: {
+    transStyle() {
+      return this.objToOne(this.options)
+    },
+    styleColor() {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        color: this.transStyle.color,
+        'font-weight': this.transStyle.fontWeight,
+        text: this.transStyle.text,
+        'font-size': this.transStyle.fontSize + 'px',
+        'letter-spacing': this.transStyle.letterSpacing + 'em',
+        background: this.transStyle.background,
+        'text-align': this.transStyle.textAlign,
+        width: this.transStyle.width + 'px',
+        height: this.transStyle.height + 'px',
+        left: this.transStyle.left + 'px',
+        top: this.transStyle.top + 'px',
+        right: this.transStyle.right + 'px',
+      }
+    },
+  },
+  watch: {
+    value: {
+      handler(val) {
+        this.options = val
+      },
+      deep: true,
+    },
+  },
+  mounted() {
+    this.options = this.value
+  },
+  methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+.text {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetTime.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetTime.vue
new file mode 100644
index 00000000..eb25f205
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetTime.vue
@@ -0,0 +1,99 @@
+<template>
+  <div class="text" :style="styleColor">{{ timestr }}</div>
+</template>
+<script>
+export default {
+  name: 'WidgetTime',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data() {
+    return {
+      timestr: '',
+      options: {},
+    }
+  },
+  computed: {
+    transStyle() {
+      console.log(this.objToOne(this.options))
+      return this.objToOne(this.options)
+    },
+    styleColor() {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        color: this.transStyle.color || '#fff',
+        text: this.transStyle.text || '文本框',
+        'font-size': this.transStyle.fontSize + 'px' || '30px',
+        'letter-spacing': this.transStyle.letterSpacing + 'em',
+        background: this.transStyle.background,
+        'font-weight': this.transStyle.fontWeight,
+        'text-align': this.transStyle.textAlign,
+        display: this.transStyle.hideLayer == undefined ? 'block' : this.transStyle.hideLayer ? 'none' : 'block',
+        width: this.transStyle.width + 'px',
+        height: this.transStyle.height + 'px',
+        left: this.transStyle.left + 'px',
+        top: this.transStyle.top + 'px',
+        right: this.transStyle.right + 'px',
+      }
+    },
+  },
+  watch: {
+    value: {
+      handler(val) {
+        this.options = val
+      },
+      deep: true,
+    },
+  },
+  mounted() {
+    this.options = this.value
+    this.getTime()
+  },
+  methods: {
+    formatFunction(date, fmt) {
+      if (/(y+)/.test(fmt)) {
+        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) 
+      }
+      const o = { 
+        'M+': date.getMonth() + 1, // 月份 
+        'd+': date.getDate(), // 日 
+        'h+': date.getHours(), // 小时 
+        'm+': date.getMinutes(), // 分 
+        's+': date.getSeconds(), // 秒 
+        'q+': Math.floor((date.getMonth() + 3) / 3), // 季度 
+        'S': date.getMilliseconds() // 毫秒 
+      }
+      for (var k in o) {
+        if (new RegExp('(' + k + ')').test(fmt)) {
+          fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+        }
+      }
+      return fmt 
+    },
+    check(val) {
+      if (val < 10) {
+        return '0' + val
+      } else {
+        return val
+      }
+    },
+    displayTime() {
+      this.timestr = this.formatFunction(new Date(), this.transStyle.timeFormat)
+    },
+    getTime() {
+      setInterval(() => {
+        this.displayTime()
+      }, 1000)
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.text{
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/designer/widget/widgetVideo.vue b/report-ui/src/views/report/bigscreen/designer/widget/widgetVideo.vue
new file mode 100644
index 00000000..d416eff2
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/designer/widget/widgetVideo.vue
@@ -0,0 +1,60 @@
+<template>
+  <video :style="styleColor" :src="styleColor.videoAdress" controls="controls">您的浏览器不支持 video 标签。</video>
+</template>
+
+<script>
+// https://www.w3school.com.cn//i/movie.ogg
+export default {
+  name: 'WidgetVideo',
+  components: {},
+  props: {
+    value: Object,
+    ispreview: Boolean,
+  },
+  data() {
+    return {
+      options: {},
+    }
+  },
+  computed: {
+    transStyle() {
+      return this.objToOne(this.options)
+    },
+    styleColor() {
+      return {
+        position: this.ispreview ? 'absolute' : 'static',
+        width: this.transStyle.width + 'px',
+        height: this.transStyle.height + 'px',
+        left: this.transStyle.left + 'px',
+        top: this.transStyle.top + 'px',
+        right: this.transStyle.right + 'px',
+        videoAdress: this.transStyle.videoAdress,
+      }
+    },
+  },
+  watch: {
+    value: {
+      handler(val) {
+        this.options = val
+      },
+      deep: true,
+    },
+  },
+  mounted() {
+    this.options = this.value
+  },
+  methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+.container {
+  width: 100%;
+  height: 100%;
+}
+video {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/index.vue b/report-ui/src/views/report/bigscreen/index.vue
new file mode 100644
index 00000000..991b5190
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/index.vue
@@ -0,0 +1,143 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <div class="main-layout">
+    <el-row :gutter="20">
+      <el-col v-for="item in list"
+              :key="item.id"
+              :span="6">
+        <div class="bg">
+          <div class="rgba" />
+          <div class="content">
+            <header>{{ item.name }}</header>
+            <footer>
+              {{ item.time }}
+              <div class="operation">
+                <el-button icon="el-icon-view"
+                           class="view"
+                           type="text"
+                           @click="viewDesign(item.id)" />
+                <el-button icon="el-icon-edit"
+                           class="edit"
+                           type="text"
+                           @click="openDesign(item.id)" />
+              </div>
+            </footer>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Login',
+  components: {},
+  data () {
+    return {
+      list: [
+        {
+          id: 1,
+          name: '货物在途大屏',
+          time: '2021-3-19 17:54:00',
+        },
+        {
+          id: 2,
+          name: '仓库库容大屏',
+          time: '2021-3-19 17:54:00',
+        },
+        {
+          id: 3,
+          name: '运输时效大屏',
+          time: '2021-3-19 17:54:00',
+        },
+        {
+          id: 4,
+          name: '运输时效大屏1',
+          time: '2021-3-19 17:54:00',
+        },
+        {
+          id: 5,
+          name: '运输时效大屏2',
+          time: '2021-3-19 17:54:00',
+        },
+      ],
+    }
+  },
+  mounted () { },
+  methods: {
+    openDesign (reportId) {
+      var routeUrl = this.$router.resolve({ path: '/report/bigscreen/designer', query: { reportId: reportId } })
+      window.open(routeUrl.href, '_blank')
+    },
+    viewDesign (reportId) {
+      var routeUrl = this.$router.resolve({ path: '/report/bigscreen/viewer', query: { reportId: reportId } })
+      window.open(routeUrl.href, '_blank')
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.main-layout {
+  position: relative;
+  height: auto;
+  header {
+    font-size: 24px;
+    text-align: center;
+    line-height: 80px;
+  }
+  .bg {
+    width: 100%;
+    height: 200px;
+    position: relative;
+    overflow: hidden;
+    margin: 10px 0;
+    border: 12px solid white;
+  }
+
+  .bg::before {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-image: url('../../../assets/images/charts.jpg');
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    background-position: left top;
+    filter: blur(6px);
+    z-index: 2;
+  }
+  .content {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    color: #fff;
+    left: 0;
+    top: 0;
+    z-index: 3;
+  }
+  footer {
+    width: 100%;
+    font-size: 14px;
+    padding: 16px;
+    line-height: 30px;
+    position: absolute;
+    z-index: 3;
+    bottom: 0;
+    .operation {
+      float: right;
+      .view,
+      .edit {
+        color: #fff;
+        font-size: 14px;
+      }
+    }
+  }
+}
+</style>
diff --git a/report-ui/src/views/report/bigscreen/viewer/index.vue b/report-ui/src/views/report/bigscreen/viewer/index.vue
new file mode 100644
index 00000000..6330ad9a
--- /dev/null
+++ b/report-ui/src/views/report/bigscreen/viewer/index.vue
@@ -0,0 +1,132 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <div class="layout">
+    <div :style="bigScreenStyle">
+      <widget v-for="(widget, index) in widgets" :key="index" v-model="widget.value" :type="widget.type" />
+    </div>
+  </div>
+</template>
+
+<script>
+import widget from '../designer/widget/temp'
+import { detailDashboard } from '@/api/bigscreen'
+export default {
+  name: 'Login',
+  components: {
+    widget,
+  },
+  data() {
+    return {
+      list: [
+        {
+          type: 'widget-text',
+          value: {
+            data: {},
+            position: {
+              height: 200,
+              left: 0,
+              top: 0,
+              width: 200,
+              zIndex: 0,
+            },
+            setup: {
+              background: '#12EF80',
+              color: '#F70F58',
+              fontSize: 30,
+              fontWeight: 'bold',
+              text: '文本文档',
+              textAlign: 'left',
+            },
+          },
+        },
+        {
+          type: 'widget-marquee',
+          value: {
+            data: {},
+            position: {
+              height: 200,
+              left: 200,
+              top: 0,
+              width: 200,
+              zIndex: 0,
+            },
+            setup: {
+              background: 'yellow',
+              color: '#F70F58',
+              fontSize: 30,
+              fontWeight: 'bold',
+              text: '滚动文本',
+              textAlign: 'left',
+              marqueeSet: true,
+              marqueeQuit: 10,
+            },
+          },
+        },
+        {
+          type: 'widget-href',
+          value: {
+            data: {},
+            position: {
+              height: 200,
+              left: 400,
+              top: 0,
+              width: 200,
+              zIndex: 0,
+            },
+            setup: {
+              background: 'yellow',
+              color: '#F70F58',
+              fontSize: 30,
+              fontWeight: 'bold',
+              text: '超链接',
+              textAlign: 'left',
+              jumpMode: 'other',
+            },
+          },
+        },
+      ],
+      bigScreenStyle: {},
+      widgets: [],
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    async getData() {
+      const reportCode = this.$route.query.reportCode
+      const { code, data } = await detailDashboard(reportCode)
+      if (code != 200) return
+      const equipment = document.body.clientWidth
+      const ratioEquipment = equipment / data.dashboard.width
+      this.bigScreenStyle = {
+        width: data.dashboard.width + 'px',
+        height: data.dashboard.height + 'px',
+        'background-color': data.dashboard.backgroundColor,
+        'background-image': 'url(' + data.dashboard.backgroundImage + ')',
+        'background-position': '0% 0%',
+        'background-size': '100% 100%',
+        'background-repeat': 'initial',
+        'background-attachment': 'initial',
+        'background-origin': 'initial',
+        'background-clip': 'initial',
+        transform: `scale(${ratioEquipment}, ${ratioEquipment})`,
+        'transform-origin': '0 0',
+      }
+      this.widgets = data.dashboard.widgets
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.layout {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/report-ui/src/views/report/datasource/index.vue b/report-ui/src/views/report/datasource/index.vue
new file mode 100644
index 00000000..a13867c3
--- /dev/null
+++ b/report-ui/src/views/report/datasource/index.vue
@@ -0,0 +1,411 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <div class="app-container">
+    <el-form ref="form"
+             :model="params"
+             :rules="rules"
+             label-width="100px">
+      <!-- 搜索 -->
+      <el-row :gutter="10">
+        <el-col :xs="24"
+                :sm="20"
+                :md="12"
+                :lg="6"
+                :xl="4">
+          <el-form-item label="数据源名称"
+                        label-width="120px">
+            <el-input v-model.trim="params.sourceName"
+                      clearable
+                      placeholder="数据源名称"
+                      class="filter-item"
+                      @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24"
+                :sm="20"
+                :md="12"
+                :lg="6"
+                :xl="4">
+          <el-form-item label="数据源编码"
+                        label-width="120px">
+            <el-input v-model.trim="params.sourceCode"
+                      clearable
+                      placeholder="数据源Code"
+                      class="filter-item"
+                      @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24"
+                :sm="20"
+                :md="12"
+                :lg="6"
+                :xl="4">
+          <el-form-item label="数据源类型"
+                        label-width="120px">
+            <Dictionary v-model="params.sourceType"
+                        :updata-dict="params.sourceType"
+                        :dict-key="'SOURCE_TYPE'" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24"
+                :sm="20"
+                :md="4"
+                :lg="4"
+                :xl="4">
+          <el-button type="primary"
+                     @click="search('form')">查询</el-button>
+          <el-button type="danger"
+                     @click="reset('form')">重置</el-button>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-button type="primary"
+               icon="el-icon-plus"
+               @click="showAddLogModel()">新增</el-button>
+
+    <!--表格渲染-->
+    <el-table v-loading="listLoading"
+              border
+              :data="list"
+              element-loading-text="Loading"
+              style="width: 100%">
+      <el-table-column align="center"
+                       label="序号"
+                       type="index"
+                       min-width="40" />
+      <el-table-column prop="sourceType"
+                       label="数据源类型" />
+      <el-table-column prop="sourceNameCode"
+                       label="数据源名称[编码]" />
+      <el-table-column prop="sourceDesc"
+                       label="数据源描述" />
+      <el-table-column prop="createByView"
+                       label="创建人"
+                       width="100" />
+      <el-table-column prop="createTime"
+                       label="创建时间"
+                       width="140" />
+      <el-table-column prop="updateByView"
+                       label="修改人"
+                       width="100" />
+      <el-table-column prop="updateTime"
+                       label="修改时间"
+                       width="140" />
+      <el-table-column label="操作"
+                       width="120px"
+                       align="center">
+        <template slot-scope="scope">
+          <el-button type="text"
+                     @click="showAddLogModel(scope.row)">编辑</el-button>
+          <el-popconfirm :title="'确定删除' + scope.row.sourceNameCode + '吗？'"
+                         @onConfirm="delData(scope.row)">
+            <el-button slot="reference"
+                       type="text">删除</el-button>
+          </el-popconfirm>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="block">
+      <el-pagination :total="totalCount"
+                     :page-sizes="[10, 20, 50, 100]"
+                     :page-size="params.pageSize"
+                     :current-page="params.pageNumber"
+                     layout="total, sizes, prev, pager, next, jumper"
+                     @size-change="handleSizeChange"
+                     @current-change="handleCurrentChange" />
+    </div>
+    <!--表单组件-->
+    <el-dialog title="项目基础配置"
+               width="50%"
+               :close-on-click-modal="false"
+               center
+               :visible.sync="basicDialog"
+               @close="closeDialog">
+      <el-form ref="userForm"
+               :model="dialogForm"
+               :rules="rules"
+               size="small"
+               label-width="100px">
+        <el-row :gutter="10">
+          <el-col :xs="24"
+                  :sm="20"
+                  :md="6"
+                  :lg="6"
+                  :xl="6">
+            <el-form-item label="数据源类型"
+                          prop="sourceType">
+              <el-select v-model.trim="dialogForm.sourceType"
+                         placeholder="请选择"
+                         clearable
+                         @change="selectChange">
+                <el-option v-for="item in dictionaryOptions"
+                           :key="item.id"
+                           :label="item.text"
+                           :value="item.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24"
+                  :sm="20"
+                  :md="7"
+                  :lg="7"
+                  :xl="7">
+            <el-form-item label="数据源编码"
+                          prop="sourceCode"
+                          :disabled="updataDisabled">
+              <el-input v-model.trim="dialogForm.sourceCode" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24"
+                  :sm="20"
+                  :md="7"
+                  :lg="7"
+                  :xl="7">
+            <el-form-item label="数据源名称"
+                          prop="sourceName">
+              <el-input v-model.trim="dialogForm.sourceName" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24"
+                  :sm="20"
+                  :md="20"
+                  :lg="20"
+                  :xl="20">
+            <el-form-item label="数据源描述">
+              <el-input v-model.trim="dialogForm.sourceDesc"
+                        type="textarea"
+                        :autosize="{ minRows: 2, maxRows: 4 }" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col v-for="(data, index) in dataLink"
+                  :key="index"
+                  :xs="24"
+                  :sm="20"
+                  :md="20"
+                  :lg="20"
+                  :xl="20">
+            <el-form-item :label="data.labelValue">
+              <el-input v-model.trim="data.value" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer"
+           class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="warning"
+                   @click="test">测试</el-button>
+        <el-button type="primary"
+                   @click="UserConfirm('userForm')">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { pageList, testConnection, addDataSource, editDataSource, deleteDataSource } from '@/api/report'
+import { getDictList } from '@/api/dict-data' // 获取数据字典
+import Dictionary from '@/components/Dictionary/index'
+
+export default {
+  name: 'Support',
+  components: { Dictionary },
+  data () {
+    return {
+      dictionaryOptions: [], // 数据源类型
+      selectedList: [],
+      clickType: '',
+      formData: {},
+      list: null,
+      totalCount: 0,
+      totalPage: 0,
+      listLoading: true,
+      // 弹框默认隐藏
+      dialogFormVisible: false,
+      basicDialog: false,
+      params: {
+        sourceName: '',
+        sourceCode: '',
+        sourceType: '',
+        pageNumber: 1,
+        pageSize: 10,
+        order: 'DESC',
+        sort: 'update_time',
+      },
+      dialogForm: {
+        sourceName: '',
+        sourceCode: '',
+        sourceType: '',
+        sourceDesc: '',
+        sourceConfig: '',
+      },
+      dataLink: [],
+      rules: {
+        sourceType: [{ required: true, message: '数据集名称必选', trigger: 'change' }],
+        sourceCode: [{ required: true, message: '数据集编码必填', trigger: 'blur' }],
+        sourceName: [{ required: true, message: '数据源名称必选', trigger: 'blur' }],
+      },
+      value: '',
+      updataDisabled: false,
+      testReplyCode: null
+    }
+  },
+  watch: {},
+  // 在生命周期 beforeCreate里面改变this指向
+  beforeCreate: function () { },
+  mounted () { },
+  created () {
+    this.getSystem()
+    this.queryByPage()
+  },
+  methods: {
+    // 查询
+    search () {
+      this.params.pageNumber = 1
+      this.queryByPage()
+    },
+    // 重置
+    reset (formName) {
+      // this.$refs[formName].resetFields()
+      this.params.sourceName = ''
+      this.params.sourceCode = ''
+      this.params.pageNumber = 1
+      this.params.sourceType = ''
+      this.queryByPage()
+    },
+    async queryByPage () {
+      const res = await pageList(this.params)
+      if (res.code != '200') return
+      this.listLoading = true
+      this.list = res.data.records
+      this.list.forEach((value) => {
+        value['sourceNameCode'] = value.sourceName + '[' + value.sourceCode + ']'
+      })
+      this.totalCount = res.data.total
+      this.totalPage = res.data.pages
+      this.listLoading = false
+    },
+    handleSizeChange (val) {
+      this.params.pageSize = val
+      this.queryByPage()
+    },
+    handleCurrentChange (val) {
+      this.params.pageNumber = val
+      this.queryByPage()
+    },
+    // 关闭模态框
+    closeDialog (bool) {
+      // bool && this.search('form') // 点确定关闭弹窗的时候才会刷新列表
+      // this.$refs['userForm'].resetFields()
+      this.basicDialog = false
+    },
+    // 打开模态框
+    showAddLogModel (val) {
+      this.basicDialog = true
+      if (val == undefined) {
+        this.updataDisabled = false
+        this.getSystem()
+        this.dialogForm = {
+          sourceName: '',
+          sourceCode: '',
+          sourceType: '',
+          sourceDesc: '',
+          sourceConfig: '',
+        }
+      } else {
+        this.updataDisabled = true
+        this.dialogForm = val
+        const newSourceType = this.dialogForm
+        let newDataLink = []
+        this.dictionaryOptions.map((item) => {
+          if (item.id == newSourceType.sourceType) {
+            newDataLink = JSON.parse(item.extend)
+            var sourceConfigJson = JSON.parse(newSourceType.sourceConfig)
+            for (var i = 0; i < newDataLink.length; i++) {
+              newDataLink[i].value = sourceConfigJson[newDataLink[i].label]
+            }
+          }
+        })
+        this.dataLink = newDataLink
+      }
+    },
+    // 获取数据字典
+    async getSystem () {
+      const { code, data } = await getDictList('SOURCE_TYPE')
+      if (code != '200') return
+      this.dictionaryOptions = data
+      this.dialogForm.sourceType = this.dictionaryOptions[0].text
+      this.dataLink = JSON.parse(this.dictionaryOptions[0].extend)
+    },
+    selectChange (val) {
+      this.dataLink = []
+      const extendJSON = this.dictionaryOptions.find(function (obj) {
+        return obj.id == val
+      })
+      this.dataLink = JSON.parse(extendJSON.extend)
+    },
+    // 测试
+    test () {
+      const newList = {}
+      this.dataLink.forEach((item) => {
+        newList[item.label] = item.value
+      })
+      this.dialogForm.sourceConfig = JSON.stringify(newList)
+      testConnection(this.dialogForm).then((data) => {
+        if (data.code == '200') {
+          this.testReplyCode = data.code
+        } else {
+          this.testReplyCode = null
+        }
+      })
+    },
+    async delData (val) {
+      const { code } = await deleteDataSource(val)
+      if (code != '200') return
+      this.queryByPage()
+    },
+    // 提交
+    async UserConfirm (formName) {
+      const newList = {}
+      this.dataLink.forEach((item) => {
+        newList[item.label] = item.value
+      })
+      this.dialogForm.sourceConfig = JSON.stringify(newList)
+      this.$refs[formName].validate(async (valid, obj) => {
+        if (valid) {
+          if (this.testReplyCode != '200') {
+            this.$message.error("测试结果为成功后方可保存！")
+            return
+          }
+          if (this.dialogForm.id == undefined) {
+            const { code } = await addDataSource(this.dialogForm)
+            if (code != '200') return
+            this.queryByPage()
+          } else {
+            const { code } = await editDataSource(this.dialogForm)
+            if (code != '200') return
+            this.queryByPage()
+          }
+          this.closeDialog(false)
+        } else {
+          return
+        }
+      })
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.title {
+  width: 100%;
+  display: inline-block;
+  text-align: left;
+}
+</style>
diff --git a/report-ui/src/views/report/excelreport/designer/drag.js b/report-ui/src/views/report/excelreport/designer/drag.js
new file mode 100644
index 00000000..71355c4c
--- /dev/null
+++ b/report-ui/src/views/report/excelreport/designer/drag.js
@@ -0,0 +1,175 @@
+import Vue from 'vue'
+Vue.directive('dragx', (el, binding, vnode) => {
+  //  默认参数
+  let defaultOpts = {
+    dragDirection: 'n, e, s, w, ne, se, sw, nw, all', // 东 e 西 w 南 s 北 n 东北ne 东南 se 西南 sw 西北 nw 全部 all
+    dragContainerId: '',
+    dragBarClass: '',  // 类选择器
+    resizeEdge: 10,
+    dirctDom: true,
+    canDrag: true,
+    canResize: true
+  }
+  let isMove = false;
+  binding.value = binding.value || {};
+  let cfg = Object.assign({}, defaultOpts, binding.value);
+
+  // 获取目标元素 resize方向
+  function getDirection (e) {
+    let el = e.currentTarget;
+    let dir = '';
+    let rect = el.getBoundingClientRect();
+    let win = el.ownerDocument.defaultView;
+    let offset = {
+      top: rect.top + win.pageYOffset,
+      left: rect.left + win.pageXOffset,
+      right: rect.right + win.pageXOffset,
+      bottom: rect.bottom + win.pageYOffset,
+    }
+    // 东 E    西 W   南 S   北 N
+    if (e.pageY > offset.top && e.pageY < offset.top + cfg.resizeEdge) {
+      dir += 'n'
+    }
+    else if (e.pageY < offset.bottom && e.pageY > offset.bottom - cfg.resizeEdge) {
+      dir += 's'
+    }
+    if (e.pageX > offset.left && e.pageX < offset.left + cfg.resizeEdge) {
+      dir += 'w';
+    }
+    else if (e.pageX < offset.right && e.pageX > offset.right - cfg.resizeEdge) {
+      dir += 'e';
+    }
+    if (binding.value) {
+      let directions = cfg.dragDirection.split(',');
+      for (let i = 0; i < directions.length; i++) {
+        let handle = directions[i].replace(/(^\s*)|(\s*$)/g, '');
+        if (handle == 'all' || handle === dir) {
+          return dir
+        }
+      }
+    }
+    return '';
+  }
+
+  el.onmousedown = function (e) {
+    isMove = false;
+    // drag1
+    if (cfg.dragBarClass.length > 0 && e.target.classList.contains(cfg.dragBarClass)) {
+      isMove = true;
+      document.body.style.cursor = 'move';
+    }
+    let dir = getDirection(e);
+    let style = window.getComputedStyle(el);
+    function getStyleNumValue (key) {
+      return parseInt(style.getPropertyValue(key), 10)
+    }
+    let rect = el.getBoundingClientRect();
+    let data = {
+      width: getStyleNumValue("width"),
+      height: getStyleNumValue("height"),
+      left: getStyleNumValue("left"),
+      top: getStyleNumValue("top"),
+      borderLeft: getStyleNumValue("border-left-width"),
+      borderTop: getStyleNumValue("border-top-width"),
+      borderRight: getStyleNumValue("border-right-width"),
+      borderBottom: getStyleNumValue("border-bottom-width"),
+      deltX: e.pageX - rect.left, // 鼠标在元素内位置
+      deltY: e.pageY - rect.top,
+      startX: rect.left,  // 元素的位置
+      startY: rect.top
+    };
+    if (dir === '' && !isMove) return;
+    // 创建遮罩
+    let mask = document.createElement("div");
+    mask.style.cssText = "position:absolute;top:0px;bottom:0px;left:0px;right:0px;";
+    document.body.appendChild(mask);
+    document.onmousemove = function (edom) {
+      // 获取当前鼠标位置
+      // 右
+      if (dir.indexOf("e") > -1) {
+        data.width = edom.pageX - data.startX + data.borderLeft + data.borderRight;
+      }
+      // 下
+      if (dir.indexOf("s") > -1) {
+        data.height = edom.pageY - data.startY + data.borderBottom + data.borderTop;
+      }
+      // 上
+      if (dir.indexOf("n") > -1) {
+        let deltheight = data.startY + data.borderBottom + data.borderTop - edom.pageY;
+        data.height += deltheight;
+        data.top -= deltheight;
+        data.startY -= deltheight;
+      }
+      // 左
+      if (dir.indexOf("w") > -1) {
+        let deltwidth = data.startX + data.borderLeft + data.borderRight - edom.pageX;
+        data.width += deltwidth;
+        data.left -= deltwidth;
+        data.startX -= deltwidth;
+      }
+      // 移动
+      if (isMove && cfg.canDrag) {
+        let targetPageX = edom.pageX;
+        let targetPageY = edom.pageY;
+        let deltX = targetPageX - data.startX - data.deltX;
+        let deltY = targetPageY - data.startY - data.deltY;
+        let newLeft = parseInt(getStyleNumValue('left') || '0', 10) + deltX;
+        let newTop = parseInt(getStyleNumValue('top') || '0', 10) + deltY;
+        console.log(window.innerWidth + data.borderLeft + data.borderRight - data.width - cfg.resizeEdge)
+        if (newLeft <= 0) {
+          newLeft = 0
+        }
+        else if (newLeft >= window.innerWidth - data.width - cfg.resizeEdge) {
+          newLeft = window.innerWidth - data.width - cfg.resizeEdge
+        }
+        if (newTop <= 0) {
+          newTop = 0
+        }
+        else if (newTop >= window.innerHeight - data.height - cfg.resizeEdge) {
+          newLeft = window.innerHeight - data.height - cfg.resizeEdge
+        }
+        data.left = newLeft;
+        data.top = newTop;
+        data.startX = data.startX + deltX;
+        data.startY = data.startY + deltY;
+      }
+      // 缩放
+      if (cfg.dirctDom) {
+        if (cfg.canResize) {
+          el.style.width = data.width + "px";
+          el.style.height = data.height + "px";
+        }
+        if (cfg.canDrag) {
+          el.style.left = data.left + 'px';
+          el.style.top = data.top + 'px';
+        }
+      }
+      el.dispatchEvent(new CustomEvent('bindUpdate', { detail: data }))
+    }
+    document.onmouseup = function (e) {
+      document.body.style.cursor = '';
+      document.onmousemove = null;
+      document.onmouseup = null;
+      isMove = false;
+      document.body.removeChild(mask);
+    }
+    document.body.style.cursor = dir + '-resize';
+  }
+
+  el.onmousemove = function (e) {
+    if (cfg.dragBarClass.length > 0 && e.target.classList.contains(cfg.dragBarClass) && cfg.canDrag) {
+      el.style.cursor = 'move';
+      return;
+    }
+    let dir = getDirection(e);
+    if (dir !== '') {
+      el.style.cursor = dir + '-resize';
+      return;
+    }
+    el.style.cursor = '';
+  }
+
+  el.onmouseleave = function (e) {
+    el.style.cursor = '';
+  }
+})
diff --git a/report-ui/src/views/report/excelreport/designer/index-copy.vue b/report-ui/src/views/report/excelreport/designer/index-copy.vue
new file mode 100644
index 00000000..364e05be
--- /dev/null
+++ b/report-ui/src/views/report/excelreport/designer/index-copy.vue
@@ -0,0 +1,861 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <div class="layout">
+    <div class="layout-left">
+      <div class="add-collection">
+        数据集管理
+        <el-button type="text"
+                   icon="el-icon-circle-plus-outline"
+                   @click="queryAllDataSet()" />
+      </div>
+      <div>
+        <el-collapse v-for="(item, indexs) in dataSet"
+                     :key="indexs"
+                     v-model="activeNames"
+                     @change="handleChange">
+          <el-collapse-item :title="item.setName"
+                            :name="item.id">
+            <el-popconfirm :title="'确定删除' + item.setName + '吗？'"
+                           @onConfirm="del(item)">
+              <el-button slot="reference"
+                         type="text"
+                         icon="el-icon-close"
+                         class="delect-all" />
+            </el-popconfirm>
+            <draggable v-model="item.setParamList"
+                       :sort="false"
+                       group="people"
+                       style="margin-left: 10px"
+                       @start="onStart(item.setCode)"
+                       @end="onEnd">
+              <!-- <transition-group> -->
+              <div v-for="(i, index) in item.setParamList"
+                   :key="index"
+                   class="field-container">
+                <div class="aRow">
+                  <span>{{ i }}</span>
+                </div>
+              </div>
+              <!-- </transition-group> -->
+            </draggable>
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+    </div>
+    <div class="layout-middle">
+      <div class="push_btn">
+        <el-tooltip class="item"
+                    effect="dark"
+                    content="预览"
+                    placement="bottom-start">
+          <el-button type="text"
+                     @click="preview()">
+            <svg-icon icon-class="yulancopy"
+                      class="yulancopy" />
+          </el-button>
+        </el-tooltip>
+        <el-tooltip class="item"
+                    effect="dark"
+                    content="保存"
+                    placement="bottom-start">
+          <el-button type="text"
+                     @click="save()">
+            <svg-icon icon-class="baocun"
+                      class="baocun" />
+          </el-button>
+        </el-tooltip>
+      </div>
+      <!-- <div id="x-spreadsheet-demo"
+           class="excel-designer" /> -->
+      <div id="luckysheet"
+           style="margin:0px;padding:0px;position:absolute;width:100%;left: 0px;top: 30px;bottom:0px;" />
+      <div id="qrCode"
+           ref="qrCodeDiv" />
+      <img id="barCode">
+    </div>
+
+    <div class="layout-right">
+      <el-tabs v-model="activeName"
+               @tab-click="handleClick">
+        <el-tab-pane label="基础配置"
+                     name="first">
+          <el-form ref="rightForm"
+                   :model="rightForm"
+                   label-width="60px">
+            <el-form-item label="坐标">
+              <el-input v-model="rightForm.coordinate" />
+            </el-form-item>
+            <el-form-item label="值">
+              <el-input v-model="rightForm.value" />
+            </el-form-item>
+          </el-form>
+        </el-tab-pane>
+        <el-tab-pane v-if="dialogVisible"
+                     label="二维码配置"
+                     name="second">
+          <el-form ref="qrCodeForm"
+                   :model="qrCodeForm"
+                   label-width="60px">
+            <el-form-item label="二维码内容">
+              <el-input v-model="qrCodeForm.content" />
+            </el-form-item>
+            <el-form-item label="宽度">
+              <el-input v-model="qrCodeForm.width" />
+            </el-form-item>
+            <el-form-item label="高度">
+              <el-input v-model="qrCodeForm.height" />
+            </el-form-item>
+            <el-form-item label="前景色">
+              <ColorPicker v-model="qrCodeForm.colorDark"
+                           @change="(val) => changed(val,qrCodeForm.colorDark)" />
+            </el-form-item>
+            <el-form-item label="背景色">
+              <ColorPicker v-model="qrCodeForm.colorLight"
+                           @change="(val) => changed(val,qrCodeForm.colorLight)" />
+            </el-form-item>
+          </el-form>
+        </el-tab-pane>
+        <el-tab-pane v-if="dialogBarCode"
+                     label="条形码配置"
+                     name="second">
+          <el-form ref="barCodeForm"
+                   :model="barCodeForm"
+                   label-width="60px">
+            <el-form-item label="条形码内容">
+              <el-input v-model="barCodeForm.content" />
+            </el-form-item>
+            <el-form-item label="宽度">
+              <el-input v-model="barCodeForm.width" />
+            </el-form-item>
+            <el-form-item label="高度">
+              <el-input v-model="barCodeForm.height" />
+            </el-form-item>
+            <el-form-item label="前景色">
+              <ColorPicker v-model="barCodeForm.lineColor"
+                           @change="(val) => changed(val,barCodeForm.lineColor)" />
+            </el-form-item>
+            <el-form-item label="背景色">
+              <ColorPicker v-model="barCodeForm.background"
+                           @change="(val) => changed(val,barCodeForm.background)" />
+            </el-form-item>
+          </el-form>
+        </el-tab-pane>
+      </el-tabs>
+
+    </div>
+
+    <el-dialog title="数据集管理"
+               :visible.sync="outerVisible">
+      <el-table ref="multipleTable"
+                :data="dataSetData"
+                tooltip-effect="dark"
+                style="width: 100%"
+                @selection-change="handleSelectionChange">
+        <el-table-column type="selection"
+                         width="55" />
+        <el-table-column label="数据集名称"
+                         width="120"
+                         prop="setName" />
+        <el-table-column prop="setDesc"
+                         label="数据集描述"
+                         width="180" />
+        <el-table-column prop="setCode"
+                         label="数据集编码"
+                         show-overflow-tooltip />
+      </el-table>
+
+      <div slot="footer"
+           class="dialog-footer">
+        <el-button @click="outerVisible = false">取 消</el-button>
+        <el-button type="primary"
+                   @click="checkDataSet()">确定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog title="打印设置"
+               :visible.sync="printVisible"
+               width="30%"
+               :before-close="handleClose">
+
+      <el-form label-position="right"
+               label-width="90px"
+               :model="formPrintSetting">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="纸张大小">
+              <el-select v-model="formPrintSetting.size"
+                         placeholder="请选择打印尺寸"
+                         @change="onPaperChange">
+                <el-option v-for="(item, index) in paperList"
+                           :key="index"
+                           :index="index"
+                           :value="item.paper"
+                           :label="getPaperText(item)" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="14">
+            <el-form-item label="对应像素">
+              <el-input v-model="formPrintSetting.pixel1"
+                        disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="10">
+            <el-form-item label=" "
+                          label-width="12px">
+              <el-input v-model="formPrintSetting.pixel2"
+                        disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+      </el-form>
+      <div slot="footer"
+           class="dialog-footer">
+        <el-button @click="printVisible = false">取 消</el-button>
+        <el-button type="primary"
+                   @click="getWindowDpi()">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import draggable from 'vuedraggable'
+import { queryAllDataSet, detail, detailByReportCode } from '@/api/GaeaReport'
+import { addReportExcel, editReportExcel } from '@/api/report'
+// import "@/components/x-spreadsheet/dist/xspreadsheet.js"
+import ColorPicker from '../../bigscreen/designer/form/colorPicker.vue'
+import QRCode from 'qrcodejs2'
+import JsBarcode from 'jsbarcode'
+import LuckyExcel from 'luckyexcel'
+export default {
+  name: 'Excels',
+  components: {
+    draggable,
+    ColorPicker
+  },
+  data () {
+    return {
+      activeName: 'first',
+      activeNames: ['1'],
+      reportId: null,
+      accessKey: null,
+      reportCode: '',
+      options: [],
+      sheet: {},
+      dataSetData: [],
+      reportExcelDto: {
+        id: null,
+        jsonStr: '',
+        setCodes: '',
+        setParam: '',
+        reportCode: '',
+      },
+      multipleSelection: [],
+      rightForm: {
+        coordinate: '',
+        value: '',
+      },
+      qrCodeForm: {
+        type: 'QRCode',
+        content: 'https://www.baidu.com',
+        width: 125,
+        height: 125,
+        colorDark: '#333333', // 二维码颜色
+        colorLight: '#ffffff', // 二维码背景色
+        correctLevel: QRCode.CorrectLevel.L, // 容错率，L/M/H
+        ri: 0,
+        ci: 0,
+        currentSrc: '',
+      },
+      barCodeForm: {
+        type: 'BarCode',
+        format: 'CODE39',
+        displayValue: true,
+        content: '99999999999',
+        lineColor: '#000',
+        background: '#fff',
+        width: 100,
+        height: 40,
+        ri: 0,
+        ci: 0,
+        currentSrc: '',
+      },
+      formPrintSetting: {
+        size: '',
+        pixel1: '',
+        pixel2: ''
+      },
+      pixelList: [
+        { paper: 'A4', width: 210, height: 297 },
+        { paper: 'A3', width: 297, height: 420 },
+        { paper: 'Letter', width: 216, height: 279 },
+        { paper: 'Legal', width: 216, height: 355 },
+        { paper: 'Executive', width: 184, height: 266 }
+      ],
+      dataSet: [],
+      outerVisible: false,
+      printVisible: false,
+      pop: false,
+      setCode: null,
+      dialogVisible: false,
+      dialogBarCode: false,
+      paperList: [],
+      // 纸张标识
+      paper: '',
+      // 纸张宽高
+      width: '',
+      height: '',
+      // 清晰度
+      definition: '',
+      // 是否套打
+      isBackend: '',
+      dpi: '',
+      pxWidth: '',
+      pxHeight: '',
+      show: false,
+      config: '',
+      settings: {},
+      qrCodeList: [],
+      moveDataelse: {
+        x: null,
+        y: null
+      }
+
+    }
+  },
+  mounted () {
+    this.options = [
+      { text: 'Money Manager.xlsx', value: 'https://minio.cnbabylon.com/public/luckysheet/money-manager-2.xlsx' },
+      { text: 'Activity costs tracker.xlsx', value: 'https://minio.cnbabylon.com/public/luckysheet/Activity%20costs%20tracker.xlsx' },
+      { text: 'House cleaning checklist.xlsx', value: 'https://minio.cnbabylon.com/public/luckysheet/House%20cleaning%20checklist.xlsx' },
+      { text: 'Student assignment planner.xlsx', value: 'https://minio.cnbabylon.com/public/luckysheet/Student%20assignment%20planner.xlsx' },
+      { text: 'Credit card tracker.xlsx', value: 'https://minio.cnbabylon.com/public/luckysheet/Credit%20card%20tracker.xlsx' },
+      { text: 'Blue timesheet.xlsx', value: 'https://minio.cnbabylon.com/public/luckysheet/Blue%20timesheet.xlsx' },
+      { text: 'Student calendar (Mon).xlsx', value: 'https://minio.cnbabylon.com/public/luckysheet/Student%20calendar%20%28Mon%29.xlsx' },
+      { text: 'Blue mileage and expense report.xlsx', value: 'https://minio.cnbabylon.com/public/luckysheet/Blue%20mileage%20and%20expense%20report.xlsx' },
+    ]
+    this.load()
+  },
+  created () {
+    this.reportCode = this.$route.query.reportCode
+    this.accessKey = this.$route.query.accessKey
+    this.loadDataSet()
+    this.design()
+    this.initPaperList()
+    this.getWindowDpi()
+  },
+  methods: {
+    handleClose () {
+      this.printVisible = false
+    },
+    handleChange (val) {
+    },
+    // 右侧信息配置tabs
+    handleClick (tab, event) {
+    },
+    async design () {
+      // 根据reportCode获取单条报表
+      const { code, data } = await detailByReportCode(this.reportCode)
+      if (data != null) {
+        this.reportId = data.id
+      }
+      // this.sheet.loadData(data == null ? [{}] : JSON.parse(data.jsonStr)['sheet'])
+      if (data != null) {
+        if (data.setCodes != null && data.setCodes !== '') {
+          var dataSetList = data.setCodes.split('|')
+          dataSetList.forEach((code) => {
+            this.dataSetData.forEach((setData) => {
+              if (code === setData.setCode) {
+                this.detail(setData.id)
+              }
+            })
+          })
+        }
+      }
+    },
+    async loadDataSet () {
+      const { code, data } = await queryAllDataSet()
+      this.dataSetData = data
+      if (code != '200') return
+    },
+    doCancel () {
+      this.pop = false
+    },
+    save () {
+      var sheetData = {}
+      sheetData['sheet'] = this.sheet.getData()
+      this.reportExcelDto.jsonStr = JSON.stringify(sheetData)
+      var setCodeList = []
+      var setParams = {}
+      this.dataSet.forEach((code) => {
+        setCodeList.push(code.setCode)
+        if (code.dataSetParamDtoList != null && code.dataSetParamDtoList.length > 0) {
+          var dataSetParam = {}
+          code.dataSetParamDtoList.forEach((value) => {
+            dataSetParam[value.paramName] = value.sampleItem
+          })
+          setParams[code.setCode] = dataSetParam
+        }
+      })
+
+      this.reportExcelDto.setParam = JSON.stringify(setParams)
+      this.reportExcelDto.setCodes = setCodeList.join('|')
+      this.reportExcelDto.reportCode = this.reportCode
+      if (this.reportId == null) {
+        const res = addReportExcel(this.reportExcelDto)
+      } else {
+        this.reportExcelDto.id = this.reportId
+        const res = editReportExcel(this.reportExcelDto)
+      }
+    },
+
+    async detailByReportCode (reportCode) {
+      const { code, data } = await detailByReportCode(reportCode)
+      if (data != null) {
+        this.reportId = data.id
+      }
+    },
+    async preview () {
+      var routeUrl = this.$router.resolve({ path: '/report/excelreport/viewer', query: { reportCode: this.reportCode } })
+      window.open(routeUrl.href, '_blank')
+    },
+    async queryAllDataSet () {
+      this.outerVisible = true
+    },
+    handleSelectionChange (val) {
+      this.multipleSelection = val
+    },
+    checkDataSet () {
+      this.outerVisible = false
+      if (this.multipleSelection.length > 1) {
+        this.$message({
+          message: '一次最多勾选一个数据集',
+          type: 'warning',
+        })
+        this.outerVisible = true
+      } else {
+        this.detail(this.multipleSelection[0].id)
+      }
+    },
+    async detail (id) {
+      const { code, data } = await detail(id)
+      if (code != 200) return
+      var flag = true
+      this.dataSet.forEach((value) => {
+        if (value.setCode === data.setCode) {
+          flag = false
+        }
+      })
+      if (flag) {
+        this.dataSet.push(data)
+      }
+    },
+    onStart (setCode) {
+      this.setCode = setCode
+    },
+    onEnd (evt) {
+      // 获取结束坐标和列名
+      var x = evt.originalEvent.clientX // 结束在屏幕的x坐标
+      var y = evt.originalEvent.clientY // 结束在屏幕的y坐标
+      var fieldLabel = evt.item.innerText // 列名称
+      var excelToolbarHeight = 40 // excel工具栏
+      var leftLayout = document.getElementsByClassName('layout-left')[0].clientWidth // 左侧宽度
+      // 计算行列
+      const { ri, ci } = this.sheet.datas[0].getCellRectByXY(x - leftLayout, y - excelToolbarHeight)
+      this.sheet.cellText(ri, ci, '#{' + this.setCode + '.' + fieldLabel + '}', 0)
+      // 设定值 
+      this.sheet.reRender()
+    },
+    del (val) {
+      for (let i = 0; i < this.dataSet.length; i++) {
+        if (this.dataSet[i].setCode === val.setCode) {
+          this.dataSet.splice(i, 1)
+        }
+      }
+    },
+    // 无论哪个输入框改变 都需要触发事件 将值回传
+    changed (val, key) {
+    },
+    load () {
+      // eslint-disable-next-line no-undef
+      luckysheet.create({
+        container: 'luckysheet', // 设定DOM容器的id
+        title: 'Luckysheet Demo', // 设定表格名称
+        lang: 'zh', // 设定表格语言
+        plugins: ['chart'],
+        data: [{
+          'name': 'Cell', // 工作表名称
+          'color': '', // 工作表颜色
+          'index': 0, // 工作表索引
+          'status': 1, // 激活状态
+          'order': 0, // 工作表的下标
+          'hide': 0, // 是否隐藏
+          'row': 36, // 行数
+          'column': 18, // 列数
+          'defaultRowHeight': 19, // 自定义行高
+          'defaultColWidth': 73, // 自定义列宽
+          'celldata': [], // 初始化使用的单元格数据
+          'config': {
+            'merge': {}, // 合并单元格
+            'rowlen': {}, // 表格行高
+            'columnlen': {}, // 表格列宽
+            'rowhidden': {}, // 隐藏行
+            'colhidden': {}, // 隐藏列
+            'borderInfo': {}, // 边框
+            'authority': {}, // 工作表保护
+
+          },
+          'scrollLeft': 0, // 左右滚动条位置
+          'scrollTop': 315, // 上下滚动条位置
+          'luckysheet_select_save': [], // 选中的区域
+          'calcChain': [], // 公式链
+          'isPivotTable': false, // 是否数据透视表
+          'pivotTable': {}, // 数据透视表设置
+          'filter_select': {}, // 筛选范围
+          'filter': null, // 筛选配置
+          'luckysheet_alternateformat_save': [], // 交替颜色
+          'luckysheet_alternateformat_save_modelCustom': [], // 自定义交替颜色	
+          'luckysheet_conditionformat_save': {}, // 条件格式
+          'frozen': {}, // 冻结行列配置
+          'chart': [], // 图表配置
+          'zoomRatio': 1, // 缩放比例
+          'image': [], // 图片
+          'showGridLines': 1, // 是否显示网格线
+          'dataVerification': {} // 数据验证配置
+        },
+        {
+          'name': 'Sheet2',
+          'color': '',
+          'index': 1,
+          'status': 0,
+          'order': 1,
+          'celldata': [],
+          'config': {}
+        },
+        {
+          'name': 'Sheet3',
+          'color': '',
+          'index': 2,
+          'status': 0,
+          'order': 2,
+          'celldata': [],
+          'config': {},
+        }
+        ]
+      })
+    },
+    testClick () {
+      console.log('sdsdsddsd')
+    },
+    // 获取回传的参数
+    getEmitParam () {
+      return {
+        paper: this.formPrintSetting.size,
+        width: this.formPrintSetting.width,
+        height: this.formPrintSetting.height,
+        isBackend: this.isBackend
+      }
+    },
+    // 纸张大小改变事件
+    onPaperChange (value) {
+      const arr = this.paperList.filter(item => {
+        return item.paper === value
+      })
+      this.resetForm(arr[0])
+    },
+    resetForm: function (param) {
+      if (param) {
+        this.paper = param.paper
+        this.width = param.width
+        this.height = param.height
+        this.formPrintSetting.pixel1 = this.getPxWidth(param.width) + 'px'
+        this.formPrintSetting.pixel2 = this.getPxHeight(param.height) + 'px'
+        if (param.definition) {
+          this.definition = param.definition
+        }
+        if (param.isBackend === true || param.isBackend === false) {
+          this.isBackend = param.isBackend
+        }
+      }
+    },
+    getPaperText (item) {
+      return item.paper + '：' + item.width + 'mm x ' + item.height + 'mm'
+    },
+    initPaperList () {
+      let printPaper = []
+      if (this.config) {
+        const config2 = JSON.parse(this.config)
+        if (config2 && config2['printPaper']) {
+          printPaper = config2['printPaper']
+        }
+      }
+      const arr = []
+      for (const item of this.pixelList) {
+        arr.push(item)
+      }
+      for (const item of printPaper) {
+        arr.push({
+          paper: item.title, width: item['size'][0], height: item['size'][1]
+        })
+      }
+      this.paperList = [...arr]
+    },
+
+    // 获取窗口dpi
+    getWindowDpi () {
+      // 25.41 1英寸=25.41mm 96是window默认dpi,mac:72
+      this.printVisible = false
+      // eslint-disable-next-line no-array-constructor
+      const arrDPI = new Array()
+      if (window.screen.deviceXDPI != undefined) {
+        arrDPI[0] = window.screen.deviceXDPI
+        arrDPI[1] = window.screen.deviceYDPI
+      } else {
+        const tmpNode = document.createElement('div')
+        tmpNode.style.cssText = 'width:1in;height:1in;position:absolute;left:0px;top:0px;z-index:99;visibility:hidden'
+        document.body.appendChild(tmpNode)
+        arrDPI[0] = parseInt(tmpNode.offsetWidth)
+        arrDPI[1] = parseInt(tmpNode.offsetHeight)
+        tmpNode.parentNode.removeChild(tmpNode)
+      }
+      this.dpi = [...arrDPI]
+    },
+    // 获取像素宽
+    getPxWidth (width) {
+      let margin = 10
+      if (this.isBackend == true) {
+        margin = 0
+      }
+      return Math.ceil((width - margin * 2) / 25.41 * this.dpi[0])
+    },
+    // 获取像素高
+    getPxHeight (height) {
+      let margin = 10
+      if (this.isBackend == true) {
+        margin = 0
+      }
+      return Math.ceil((height - margin * 2) / 25.41 * this.dpi[1])
+    },
+
+    uploadExcel (evt) {
+      const files = evt.target.files
+      if (files == null || files.length == 0) {
+        alert('No files wait for import')
+        return
+      }
+
+      const name = files[0].name
+      const suffixArr = name.split('.'); const suffix = suffixArr[suffixArr.length - 1]
+      if (suffix != 'xlsx') {
+        alert('Currently only supports the import of xlsx files')
+        return
+      }
+      LuckyExcel.transformExcelToLucky(files[0], function (exportJson, luckysheetfile) {
+        if (exportJson.sheets == null || exportJson.sheets.length == 0) {
+          alert('Failed to read the content of the excel file, currently does not support xls files!')
+          return
+        }
+        window.luckysheet.destroy()
+
+        window.luckysheet.create({
+          container: 'luckysheet', // luckysheet is the container id
+          showinfobar: false,
+          data: exportJson.sheets,
+          title: exportJson.info.name,
+          userInfo: exportJson.info.name.creator
+        })
+      })
+    },
+    selectExcel (evt) {
+      const value = this.selected
+      const name = evt.target.options[evt.target.selectedIndex].innerText
+
+      if (value == '') {
+        return
+      }
+
+      LuckyExcel.transformExcelToLuckyByUrl(value, name, (exportJson, luckysheetfile) => {
+        if (exportJson.sheets == null || exportJson.sheets.length == 0) {
+          alert('Failed to read the content of the excel file, currently does not support xls files!')
+          return
+        }
+
+        window.luckysheet.destroy()
+
+        window.luckysheet.create({
+          container: 'luckysheet', // luckysheet is the container id
+          showinfobar: false,
+          data: exportJson.sheets,
+          title: exportJson.info.name,
+          userInfo: exportJson.info.name.creator
+        })
+      })
+    },
+    downloadExcel () {
+      const value = this.selected
+
+      if (value.length == 0) {
+        alert('Please select a demo file')
+        return
+      }
+
+      var elemIF = document.getElementById('Lucky-download-frame')
+      if (elemIF == null) {
+        elemIF = document.createElement('iframe')
+        elemIF.style.display = 'none'
+        elemIF.id = 'Lucky-download-frame'
+        document.body.appendChild(elemIF)
+      }
+      elemIF.src = value
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+@import '../../../../components/x-spreadsheet/dist/xspreadsheet.css';
+.position {
+  position: absolute;
+  z-index: 100;
+}
+
+#qrCode,
+#barCode {
+  display: none;
+}
+.yulancopy {
+  font-size: 16px;
+}
+.baocun {
+  font-size: 17px;
+}
+.el-collapse {
+  position: relative;
+  border-top: 0 solid #e6ebf5;
+  border-bottom: 0 solid #e6ebf5;
+}
+.el-collapse-item__header {
+  border-bottom: 0 solid #e6ebf5 !important;
+}
+.delect-all {
+  position: absolute;
+  top: 10px;
+  right: 30px;
+  color: #333;
+}
+.push_btn {
+  position: absolute;
+  z-index: 100;
+  top: 5px;
+  left: 3px;
+
+  .iconfont {
+    color: black;
+  }
+}
+
+.add-collection {
+  line-height: 30px;
+
+  .el-button {
+    font-size: 16px !important;
+    vertical-align: middle;
+    margin-left: 20px;
+  }
+}
+
+.layout {
+  display: block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  border: 1px solid #d7dde4;
+}
+
+.layout-left {
+  display: block;
+  position: absolute;
+  padding: 20px;
+  width: 230px;
+  min-height: 99.98vh;
+  border-right: 1px solid #eee;
+  border-color: #e8eaec;
+  background: #fff;
+  border-radius: 4px;
+  font-size: 14px;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  top: 0;
+  left: 0;
+
+  .field-container {
+    display: block;
+    position: relative;
+    width: 100%;
+    margin: 0;
+    cursor: pointer;
+    line-height: 30px;
+
+    .aRow {
+      padding: 0 10px;
+
+      .operation {
+        float: right;
+        display: none;
+
+        .el-button--text {
+          color: #333 !important;
+        }
+      }
+
+      &:hover {
+        .operation {
+          display: block;
+        }
+
+        background: #f7fafd;
+      }
+    }
+  }
+}
+
+.layout-middle {
+  display: block;
+  position: absolute;
+  left: 230px;
+  right: 230px;
+  width: calc(100% - 460px);
+  margin: 0;
+  padding: 0;
+
+  .excel-designer {
+    display: block;
+    position: relative;
+    margin: 0;
+    padding: 0;
+  }
+}
+
+.layout-right {
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 20px;
+  width: 230px;
+  min-height: 99.98vh;
+  border-left: 1px solid #dcdee2;
+  border-color: #e8eaec;
+  background: #fff;
+  border-radius: 4px;
+  font-size: 14px;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+</style>
diff --git a/report-ui/src/views/report/excelreport/designer/index.vue b/report-ui/src/views/report/excelreport/designer/index.vue
new file mode 100644
index 00000000..64f27e65
--- /dev/null
+++ b/report-ui/src/views/report/excelreport/designer/index.vue
@@ -0,0 +1,821 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <div class="layout">
+    <div class="layout-left">
+      <div class="add-collection">
+        数据集管理
+        <el-button type="text"
+                   icon="el-icon-circle-plus-outline"
+                   @click="queryAllDataSet()" />
+      </div>
+      <div>
+        <el-collapse v-for="(item, indexs) in dataSet"
+                     :key="indexs"
+                     v-model="activeNames"
+                     @change="handleChange">
+          <el-collapse-item :title="item.setName"
+                            :name="item.id">
+            <el-popconfirm :title="'确定删除' + item.setName + '吗？'"
+                           @onConfirm="del(item)">
+              <el-button slot="reference"
+                         type="text"
+                         icon="el-icon-close"
+                         class="delect-all" />
+            </el-popconfirm>
+            <draggable v-model="item.setParamList"
+                       :sort="false"
+                       group="people"
+                       style="margin-left: 10px"
+                       @start="onStart(item.setCode)"
+                       @end="onEnd">
+              <!-- <transition-group> -->
+              <div v-for="(i, index) in item.setParamList"
+                   :key="index"
+                   class="field-container">
+                <div class="aRow">
+                  <span>{{ i }}</span>
+                </div>
+              </div>
+              <!-- </transition-group> -->
+            </draggable>
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+    </div>
+    <div class="layout-middle">
+      <div class="push_btn">
+        <el-tooltip class="item"
+                    effect="dark"
+                    content="预览"
+                    placement="bottom-start">
+          <el-button type="text"
+                     @click="preview()">
+            <svg-icon icon-class="yulancopy"
+                      class="yulancopy" />
+          </el-button>
+        </el-tooltip>
+        <el-tooltip class="item"
+                    effect="dark"
+                    content="保存"
+                    placement="bottom-start">
+          <el-button type="text"
+                     @click="save()">
+            <svg-icon icon-class="baocun"
+                      class="baocun" />
+          </el-button>
+        </el-tooltip>
+      </div>
+      <div id="x-spreadsheet-demo"
+           class="excel-designer" />
+      <div id="qrCode"
+           ref="qrCodeDiv"></div>
+      <img id="barCode" />
+    </div>
+
+    <div class="layout-right">
+      <el-tabs v-model="activeName"
+               @tab-click="handleClick">
+        <el-tab-pane label="基础配置"
+                     name="first">
+          <el-form ref="rightForm"
+                   :model="rightForm"
+                   label-width="60px">
+            <el-form-item label="坐标">
+              <el-input v-model="rightForm.coordinate" />
+            </el-form-item>
+            <el-form-item label="值">
+              <el-input v-model="rightForm.value" />
+            </el-form-item>
+          </el-form>
+        </el-tab-pane>
+        <el-tab-pane label="二维码配置"
+                     v-if="dialogVisible"
+                     name="second">
+          <el-form ref="qrCodeForm"
+                   :model="qrCodeForm"
+                   label-width="60px">
+            <el-form-item label="二维码内容">
+              <el-input v-model="qrCodeForm.content" />
+            </el-form-item>
+            <el-form-item label="宽度">
+              <el-input v-model="qrCodeForm.width" />
+            </el-form-item>
+            <el-form-item label="高度">
+              <el-input v-model="qrCodeForm.height" />
+            </el-form-item>
+            <el-form-item label="前景色">
+              <ColorPicker v-model="qrCodeForm.colorDark"
+                           @change="(val) => changed(val,qrCodeForm.colorDark)" />
+            </el-form-item>
+            <el-form-item label="背景色">
+              <ColorPicker v-model="qrCodeForm.colorLight"
+                           @change="(val) => changed(val,qrCodeForm.colorLight)" />
+            </el-form-item>
+          </el-form>
+        </el-tab-pane>
+        <el-tab-pane label="条形码配置"
+                     v-if="dialogBarCode"
+                     name="second">
+          <el-form ref="barCodeForm"
+                   :model="barCodeForm"
+                   label-width="60px">
+            <el-form-item label="条形码内容">
+              <el-input v-model="barCodeForm.content" />
+            </el-form-item>
+            <el-form-item label="宽度">
+              <el-input v-model="barCodeForm.width" />
+            </el-form-item>
+            <el-form-item label="高度">
+              <el-input v-model="barCodeForm.height" />
+            </el-form-item>
+            <el-form-item label="前景色">
+              <ColorPicker v-model="barCodeForm.lineColor"
+                           @change="(val) => changed(val,barCodeForm.lineColor)" />
+            </el-form-item>
+            <el-form-item label="背景色">
+              <ColorPicker v-model="barCodeForm.background"
+                           @change="(val) => changed(val,barCodeForm.background)" />
+            </el-form-item>
+          </el-form>
+        </el-tab-pane>
+      </el-tabs>
+
+    </div>
+
+    <el-dialog title="数据集管理"
+               :visible.sync="outerVisible">
+      <el-table ref="multipleTable"
+                :data="dataSetData"
+                tooltip-effect="dark"
+                style="width: 100%"
+                @selection-change="handleSelectionChange">
+        <el-table-column type="selection"
+                         width="55" />
+        <el-table-column label="数据集名称"
+                         width="120"
+                         prop="setName" />
+        <el-table-column prop="setDesc"
+                         label="数据集描述"
+                         width="180" />
+        <el-table-column prop="setCode"
+                         label="数据集编码"
+                         show-overflow-tooltip />
+      </el-table>
+
+      <div slot="footer"
+           class="dialog-footer">
+        <el-button @click="outerVisible = false">取 消</el-button>
+        <el-button type="primary"
+                   @click="checkDataSet()">确定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog title="打印设置"
+               :visible.sync="printVisible"
+               width="30%"
+               :before-close="handleClose">
+
+      <el-form label-position="right"
+               label-width="90px"
+               :model="formPrintSetting">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="纸张大小">
+              <el-select v-model="formPrintSetting.size"
+                         placeholder="请选择打印尺寸"
+                         @change="onPaperChange">
+                <el-option v-for="(item, index) in paperList"
+                           :index="index"
+                           :value="item.paper"
+                           :label="getPaperText(item)"
+                           :key="index">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="14">
+            <el-form-item label="对应像素">
+              <el-input v-model="formPrintSetting.pixel1"
+                        disabled></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10">
+            <el-form-item label=" "
+                          label-width="12px">
+              <el-input v-model="formPrintSetting.pixel2"
+                        disabled></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+      </el-form>
+      <div slot="footer"
+           class="dialog-footer">
+        <el-button @click="printVisible = false">取 消</el-button>
+        <el-button type="primary"
+                   @click="getWindowDpi()">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import draggable from 'vuedraggable'
+import { queryAllDataSet, detail, detailByReportCode } from '@/api/GaeaReport'
+import { addReportExcel, editReportExcel } from '@/api/report'
+import "@/components/x-spreadsheet/dist/xspreadsheet.js"
+import ColorPicker from "../../bigscreen/designer/form/colorPicker.vue"
+import QRCode from 'qrcodejs2';
+import JsBarcode from 'jsbarcode';
+export default {
+  name: 'Excels',
+  components: {
+    draggable,
+    ColorPicker
+  },
+  data () {
+    return {
+      activeName: 'first',
+      activeNames: ['1'],
+      reportId: null,
+      accessKey: null,
+      reportCode: '',
+      options: {},
+      sheet: {},
+      dataSetData: [],
+      reportExcelDto: {
+        id: null,
+        jsonStr: '',
+        setCodes: '',
+        setParam: '',
+        reportCode: '',
+      },
+      multipleSelection: [],
+      rightForm: {
+        coordinate: '',
+        value: '',
+      },
+      qrCodeForm: {
+        type: "QRCode",
+        content: 'https://www.baidu.com',
+        width: 125,
+        height: 125,
+        colorDark: "#333333", //二维码颜色
+        colorLight: "#ffffff", //二维码背景色
+        correctLevel: QRCode.CorrectLevel.L,//容错率，L/M/H
+        ri: 0,
+        ci: 0,
+        currentSrc: '',
+      },
+      barCodeForm: {
+        type: "BarCode",
+        format: 'CODE39',
+        displayValue: true,
+        content: '99999999999',
+        lineColor: '#000',
+        background: '#fff',
+        width: 100,
+        height: 40,
+        ri: 0,
+        ci: 0,
+        currentSrc: '',
+      },
+      formPrintSetting: {
+        size: '',
+        pixel1: '',
+        pixel2: ''
+      },
+      pixelList: [
+        { paper: 'A4', width: 210, height: 297 },
+        { paper: 'A3', width: 297, height: 420 },
+        { paper: 'Letter', width: 216, height: 279 },
+        { paper: 'Legal', width: 216, height: 355 },
+        { paper: 'Executive', width: 184, height: 266 }
+      ],
+      dataSet: [],
+      outerVisible: false,
+      printVisible: false,
+      pop: false,
+      setCode: null,
+      dialogVisible: false,
+      dialogBarCode: false,
+      paperList: [],
+      //纸张标识
+      paper: '',
+      // 纸张宽高
+      width: '',
+      height: '',
+      //清晰度
+      definition: '',
+      //是否套打
+      isBackend: '',
+      dpi: '',
+      pxWidth: '',
+      pxHeight: '',
+      show: false,
+      config: "",
+      settings: {},
+      qrCodeList: [],
+      moveDataelse: {
+        x: null,
+        y: null
+      }
+
+    }
+  },
+  mounted () {
+    this.options = {
+      mode: 'edit', // edit | read
+      // "uploadUrl": "/design/report/upload", //统一上传地址
+      // "viewLocalImage": "/design/report/img",//预览本地图片方法,//预览本地图片方法
+      showToolbar: true,
+      showGrid: true,
+      showContextmenu: true,
+      view: {
+        height: () => document.documentElement.clientHeight,
+        width: () => document.getElementsByClassName('layout-middle')[0].clientWidth,
+      },
+      row: {
+        len: 100,
+        height: 25,
+      },
+      col: {
+        len: 52,
+        width: 100,
+        indexWidth: 60,
+        minWidth: 60,
+      },
+      style: {
+        bgcolor: '#ffffff',
+        align: 'left',
+        valign: 'middle',
+        textwrap: false,
+        strike: false,
+        underline: false,
+        color: '#0a0a0a',
+        font: {
+          name: 'Helvetica',
+          size: 10,
+          bold: false,
+          italic: false,
+        },
+      },
+      // 大屏画布中的组件
+      widgets: [{
+        // type和value最终存到数据库中去，保存到gaea_report_dashboard_widget中
+        type: 'widget-text',
+        value: {
+          setup: {},
+          data: {},
+          position: {
+            width: 100,
+            height: 100,
+            left: 0,
+            top: 0,
+            zIndex: 0,
+          },
+        },
+        // options属性是从工具栏中拿到的tools中拿到
+        options: [],
+      },
+      ], // 工作区中拖放的组件
+    }
+    this.load()
+  },
+  created () {
+    this.reportCode = this.$route.query.reportCode
+    this.accessKey = this.$route.query.accessKey
+    this.loadDataSet()
+    this.design()
+    this.initPaperList()
+    this.getWindowDpi()
+  },
+  methods: {
+    handleClose () {
+      this.printVisible = false
+    },
+    handleChange (val) {
+    },
+    //右侧信息配置tabs
+    handleClick (tab, event) {
+    },
+    async design () {
+      // 根据reportCode获取单条报表
+      const { code, data } = await detailByReportCode(this.reportCode)
+      if (data != null) {
+        this.reportId = data.id
+      }
+      this.sheet.loadData(data == null ? [{}] : JSON.parse(data.jsonStr)['sheet'])
+      if (data != null) {
+        if (data.setCodes != null && data.setCodes !== '') {
+          var dataSetList = data.setCodes.split('|')
+          dataSetList.forEach((code) => {
+            this.dataSetData.forEach((setData) => {
+              if (code === setData.setCode) {
+                this.detail(setData.id)
+              }
+            })
+          })
+        }
+      }
+    },
+    async loadDataSet () {
+      const { code, data } = await queryAllDataSet()
+      this.dataSetData = data
+      if (code != '200') return
+    },
+    doCancel () {
+      this.pop = false
+    },
+    save () {
+      var sheetData = {}
+      sheetData['sheet'] = this.sheet.getData()
+      this.reportExcelDto.jsonStr = JSON.stringify(sheetData)
+      var setCodeList = []
+      var setParams = {}
+      this.dataSet.forEach((code) => {
+        setCodeList.push(code.setCode)
+        if (code.dataSetParamDtoList != null && code.dataSetParamDtoList.length > 0) {
+          var dataSetParam = {}
+          code.dataSetParamDtoList.forEach((value) => {
+            dataSetParam[value.paramName] = value.sampleItem
+          })
+          setParams[code.setCode] = dataSetParam
+        }
+      })
+
+      this.reportExcelDto.setParam = JSON.stringify(setParams)
+      this.reportExcelDto.setCodes = setCodeList.join('|')
+      this.reportExcelDto.reportCode = this.reportCode
+      if (this.reportId == null) {
+        const res = addReportExcel(this.reportExcelDto)
+      } else {
+        this.reportExcelDto.id = this.reportId
+        const res = editReportExcel(this.reportExcelDto)
+      }
+
+    },
+
+    async detailByReportCode (reportCode) {
+      const { code, data } = await detailByReportCode(reportCode)
+      if (data != null) {
+        this.reportId = data.id
+      }
+    },
+    async preview () {
+      var routeUrl = this.$router.resolve({ path: '/report/excelreport/viewer', query: { reportCode: this.reportCode } })
+      window.open(routeUrl.href, '_blank')
+    },
+    async queryAllDataSet () {
+      this.outerVisible = true
+    },
+    handleSelectionChange (val) {
+      this.multipleSelection = val
+    },
+    checkDataSet () {
+      this.outerVisible = false
+      if (this.multipleSelection.length > 1) {
+        this.$message({
+          message: '一次最多勾选一个数据集',
+          type: 'warning',
+        })
+        this.outerVisible = true
+      } else {
+        this.detail(this.multipleSelection[0].id)
+      }
+    },
+    async detail (id) {
+      const { code, data } = await detail(id)
+      if (code != 200) return
+      var flag = true
+      this.dataSet.forEach((value) => {
+        if (value.setCode === data.setCode) {
+          flag = false
+        }
+      })
+      if (flag) {
+        this.dataSet.push(data)
+      }
+    },
+    onStart (setCode) {
+      this.setCode = setCode
+    },
+    onEnd (evt) {
+      // 获取结束坐标和列名
+      var x = evt.originalEvent.clientX // 结束在屏幕的x坐标
+      var y = evt.originalEvent.clientY // 结束在屏幕的y坐标
+      var fieldLabel = evt.item.innerText // 列名称
+      var excelToolbarHeight = 40 // excel工具栏
+      var leftLayout = document.getElementsByClassName('layout-left')[0].clientWidth // 左侧宽度
+      // 计算行列
+      const { ri, ci } = this.sheet.datas[0].getCellRectByXY(x - leftLayout, y - excelToolbarHeight)
+      this.sheet.cellText(ri, ci, '#{' + this.setCode + '.' + fieldLabel + '}', 0)
+      // 设定值
+      this.sheet.reRender()
+    },
+    del (val) {
+      for (let i = 0; i < this.dataSet.length; i++) {
+        if (this.dataSet[i].setCode === val.setCode) {
+          this.dataSet.splice(i, 1)
+        }
+      }
+    },
+    // 无论哪个输入框改变 都需要触发事件 将值回传
+    changed (val, key) {
+    },
+    load () {
+      this.activeName = 'first';
+      const rows = {};
+      this.sheet = x_spreadsheet('#x-spreadsheet-demo', this.options)
+        .loadData([{}]).change((cdata) => {
+        });
+      this.sheet.on('cell-selected', (cell, ri, ci) => {
+        // console.log('cell:', cell, ', ri:', ri, ', ci:', ci);
+      }).on('cell-edited', (text, ri, ci) => {
+        // console.log('text:', text, ', ri: ', ri, ', ci:', ci);
+      });
+      this.sheet.on('generateQrcode', (cell, ri, ci) => {
+        let that = this;
+        that.dialogVisible = true;
+        that.dialogBarCode = false
+        let selector = cell.print.data.selector
+        // 生成二维码.
+        that.sheet.reRender()
+        this.$nextTick(() => {
+          setTimeout(function () {
+            new QRCode(that.$refs.qrCodeDiv, that.qrCodeForm);
+          }, 200)
+        })
+        this.$nextTick(() => {
+          setTimeout(function () {
+            that.qrCodeForm.currentSrc = document.getElementById("qrCode").getElementsByTagName("img")[0].src;
+            that.sheet.cellText(selector.ri, selector.ci, that.qrCodeForm).reRender()
+          }, 500)
+        })
+      });
+      this.sheet.on('generateBarcode', (cell) => {
+        let that = this;
+        let selector = cell.print.data.selector
+        // 生成条形码.
+        that.dialogBarCode = true;
+        that.dialogVisible = false;
+        that.sheet.reRender()
+        this.$nextTick(() => {
+          JsBarcode('#barCode', that.barCodeForm.content, that.barCodeForm)
+        })
+        this.$nextTick(() => {
+          setTimeout(function () {
+            that.barCodeForm.currentSrc = document.getElementById("barCode").src;
+            that.sheet.cellText(selector.ri, selector.ci, that.barCodeForm).reRender()
+          }, 500)
+        })
+      });
+      this.sheet.on('printSettings', () => {
+        this.printVisible = true;
+        // 打印设置.
+      });
+      this.sheet.on('insertImg', () => {
+        // 插入图片
+      });
+    },
+    testClick () {
+      console.log("sdsdsddsd")
+    },
+    // 获取回传的参数
+    getEmitParam () {
+      return {
+        paper: this.formPrintSetting.size,
+        width: this.formPrintSetting.width,
+        height: this.formPrintSetting.height,
+        isBackend: this.isBackend
+      }
+    },
+    // 纸张大小改变事件
+    onPaperChange (value) {
+      let arr = this.paperList.filter(item => {
+        return item.paper === value
+      })
+      this.resetForm(arr[0])
+    },
+    resetForm: function (param) {
+      if (param) {
+        this.paper = param.paper
+        this.width = param.width
+        this.height = param.height
+        this.formPrintSetting.pixel1 = this.getPxWidth(param.width) + 'px'
+        this.formPrintSetting.pixel2 = this.getPxHeight(param.height) + 'px'
+        if (param.definition) {
+          this.definition = param.definition
+        }
+        if (param.isBackend === true || param.isBackend === false) {
+          this.isBackend = param.isBackend
+        }
+      }
+    },
+    getPaperText (item) {
+      return item.paper + '：' + item.width + 'mm x ' + item.height + 'mm'
+    },
+    initPaperList () {
+      let printPaper = []
+      if (this.config) {
+        let config2 = JSON.parse(this.config)
+        if (config2 && config2['printPaper']) {
+          printPaper = config2['printPaper']
+        }
+      }
+      let arr = []
+      for (let item of this.pixelList) {
+        arr.push(item)
+      }
+      for (let item of printPaper) {
+        arr.push({
+          paper: item.title, width: item['size'][0], height: item['size'][1]
+        })
+      }
+      this.paperList = [...arr];
+    },
+
+    //获取窗口dpi
+    getWindowDpi () {
+      //25.41 1英寸=25.41mm 96是window默认dpi,mac:72
+      this.printVisible = false
+      let arrDPI = new Array();
+      if (window.screen.deviceXDPI != undefined) {
+        arrDPI[0] = window.screen.deviceXDPI;
+        arrDPI[1] = window.screen.deviceYDPI;
+      }
+      else {
+        let tmpNode = document.createElement("div");
+        tmpNode.style.cssText = "width:1in;height:1in;position:absolute;left:0px;top:0px;z-index:99;visibility:hidden";
+        document.body.appendChild(tmpNode);
+        arrDPI[0] = parseInt(tmpNode.offsetWidth);
+        arrDPI[1] = parseInt(tmpNode.offsetHeight);
+        tmpNode.parentNode.removeChild(tmpNode);
+      }
+      this.dpi = [...arrDPI]
+    },
+    //获取像素宽
+    getPxWidth (width) {
+      let margin = 10
+      if (this.isBackend == true) {
+        margin = 0
+      }
+      return Math.ceil((width - margin * 2) / 25.41 * this.dpi[0]);
+    },
+    //获取像素高
+    getPxHeight (height) {
+      let margin = 10
+      if (this.isBackend == true) {
+        margin = 0
+      }
+      return Math.ceil((height - margin * 2) / 25.41 * this.dpi[1]);
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+@import '../../../../components/x-spreadsheet/dist/xspreadsheet.css';
+.position {
+  position: absolute;
+  z-index: 100;
+}
+
+#qrCode,
+#barCode {
+  display: none;
+}
+.yulancopy {
+  font-size: 16px;
+}
+.baocun {
+  font-size: 17px;
+}
+.el-collapse {
+  position: relative;
+  border-top: 0 solid #e6ebf5;
+  border-bottom: 0 solid #e6ebf5;
+}
+.el-collapse-item__header {
+  border-bottom: 0 solid #e6ebf5 !important;
+}
+.delect-all {
+  position: absolute;
+  top: 10px;
+  right: 30px;
+  color: #333;
+}
+.push_btn {
+  position: absolute;
+  z-index: 100;
+  top: 5px;
+  left: 3px;
+
+  .iconfont {
+    color: black;
+  }
+}
+
+.add-collection {
+  line-height: 30px;
+
+  .el-button {
+    font-size: 16px !important;
+    vertical-align: middle;
+    margin-left: 20px;
+  }
+}
+
+.layout {
+  display: block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  border: 1px solid #d7dde4;
+}
+
+.layout-left {
+  display: block;
+  position: absolute;
+  padding: 20px;
+  width: 230px;
+  min-height: 99.98vh;
+  border-right: 1px solid #eee;
+  border-color: #e8eaec;
+  background: #fff;
+  border-radius: 4px;
+  font-size: 14px;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  top: 0;
+  left: 0;
+
+  .field-container {
+    display: block;
+    position: relative;
+    width: 100%;
+    margin: 0;
+    cursor: pointer;
+    line-height: 30px;
+
+    .aRow {
+      padding: 0 10px;
+
+      .operation {
+        float: right;
+        display: none;
+
+        .el-button--text {
+          color: #333 !important;
+        }
+      }
+
+      &:hover {
+        .operation {
+          display: block;
+        }
+
+        background: #f7fafd;
+      }
+    }
+  }
+}
+
+.layout-middle {
+  display: block;
+  position: absolute;
+  left: 230px;
+  right: 230px;
+  width: calc(100% - 460px);
+  margin: 0;
+  padding: 0;
+
+  .excel-designer {
+    display: block;
+    position: relative;
+    margin: 0;
+    padding: 0;
+  }
+}
+
+.layout-right {
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 20px;
+  width: 230px;
+  min-height: 99.98vh;
+  border-left: 1px solid #dcdee2;
+  border-color: #e8eaec;
+  background: #fff;
+  border-radius: 4px;
+  font-size: 14px;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+</style>
diff --git a/report-ui/src/views/report/excelreport/index.vue b/report-ui/src/views/report/excelreport/index.vue
new file mode 100644
index 00000000..66d98ba2
--- /dev/null
+++ b/report-ui/src/views/report/excelreport/index.vue
@@ -0,0 +1,108 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24 
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24 
+ !-->
+<template>
+  <div class="main-layout">
+    <el-row :gutter="20">
+      <el-col v-for="groupItem in reportGroups" :key="groupItem.groupId" :span="6">
+        <div class="list">
+          <header>{{ groupItem.groupName }}</header>
+          <div v-for="report in groupItem.reportList" :key="report.reportId">
+            <p @click="openDesign(report.reportId)">{{ report.reportName }}</p>
+            <!-- <el-button type="success" size="mini" icon="el-icon-setting" circle plain @click="openDesign(report.reportId)" />
+            <el-button type="primary" size="mini" icon="el-icon-view" circle plain /> -->
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Login',
+  components: {},
+  data() {
+    return {
+      reportGroups: [
+        {
+          groupId: 1,
+          groupName: '时效类',
+          reportList: [
+            {
+              reportId: 1,
+              reportName: 'excel报表1',
+            },
+            {
+              reportId: 2,
+              reportName: 'excel报表2',
+            },
+            {
+              reportId: 3,
+              reportName: 'excel报表3',
+            },
+          ],
+        },
+        {
+          groupId: 2,
+          groupName: '货物量',
+          reportList: [
+            {
+              reportId: 1,
+              reportName: 'excel报表1',
+            },
+            {
+              reportId: 2,
+              reportName: 'excel报表2',
+            },
+            {
+              reportId: 3,
+              reportName: 'excel报表3',
+            },
+          ],
+        },
+      ],
+    }
+  },
+  mounted() {},
+  methods: {
+    openDesign(reportId) {
+      var routeUrl = this.$router.resolve({ path: '/report/excelreport/designer', query: { reportId: reportId }})
+      window.open(routeUrl.href, '_blank')
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.main-layout {
+  position: relative;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  .list {
+    background: #fff;
+    padding: 10px;
+    margin: 10px 0;
+    header {
+      text-align: center;
+      line-height: 40px;
+      border-bottom: 1px solid #eee;
+    }
+    p {
+      line-height: 30px;
+      text-align: center;
+      color: #666;
+      font-size: 14px;
+      cursor: pointer;
+      margin: 5px 0;
+      &:hover {
+        background: rgb(234, 237, 252);
+      }
+    }
+  }
+}
+</style>
diff --git a/report-ui/src/views/report/excelreport/viewer/index.vue b/report-ui/src/views/report/excelreport/viewer/index.vue
new file mode 100644
index 00000000..5ebc7136
--- /dev/null
+++ b/report-ui/src/views/report/excelreport/viewer/index.vue
@@ -0,0 +1,300 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <div class="layout">
+    <div class="layout-right">
+      <div class="block">
+        <div class="download">
+          <a v-if="reportCode != null"
+             download="xxx.xlsx">
+            <el-button type="text"
+                       @click="download('')">
+              <svg-icon icon-class="excel" />导出excel
+            </el-button>
+          </a>
+          <a v-if="reportCode != null"
+             download="xxx.pdf">
+            <el-button type="text"
+                       @click="download('gaea_template_pdf')">
+              <svg-icon icon-class="pdf" />导出pdf
+            </el-button>
+          </a>
+        </div>
+        <el-form class="">
+
+          <h2>表格查询</h2>
+          <div v-for="(item, num) in tableData2"
+               :key="num + 'excel'">
+            <h4>{{ item.name }}</h4>
+            <div v-for="(son, y) in item.children"
+                 :key="y + 'excel2'"
+                 class="search_input">
+              <label>{{ son.name }}：</label>
+              <el-input v-model="son.value" />
+            </div>
+          </div>
+          <el-button style="width: 100%"
+                     @click="searchPreview">查询</el-button>
+        </el-form>
+        <!--<el-pagination :current-page="currentPage4" :page-sizes="[100, 200, 300, 400]" :page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="400" @size-change="handleSizeChange" @current-change="handleCurrentChange" />-->
+      </div>
+    </div>
+    <div class="layout-middle">
+      <div id="x-spreadsheet-demo"
+           class="excel-designer" />
+    </div>
+  </div>
+</template>
+
+<script>
+// import Spreadsheet from 'x-data-spreadsheet'
+// import zhCN from 'x-data-spreadsheet/src/locale/zh-cn'
+import { preview, exportExcel } from '@/api/GaeaReport'
+import { addReport, editReport } from '@/api/report'
+import '@/components/x-spreadsheet/dist/xspreadsheet.js'
+// Spreadsheet.locale('zh-cn', zhCN)
+
+export default {
+  name: 'Login',
+  components: {},
+  data () {
+    return {
+      options: {},
+      sheet: {},
+      reportId: null,
+      reportCode: null,
+      reportName: null,
+      dataSet: null,
+      tableData2: [],
+      excelData: {},
+      params: {
+        reportCode: '',
+        setParam: '',
+      },
+    }
+  },
+  mounted () {
+    this.options = {
+      mode: 'read', // edit | read
+      showToolbar: false,
+      showGrid: true,
+      showContextmenu: false,
+      view: {
+        height: () => document.documentElement.clientHeight,
+        width: () => document.getElementsByClassName('layout-middle')[0].clientWidth,
+      },
+      row: {
+        len: 100,
+        height: 25,
+      },
+      col: {
+        len: 52,
+        width: 100,
+        indexWidth: 60,
+        minWidth: 60,
+      },
+      style: {
+        bgcolor: '#ffffff',
+        align: 'left',
+        valign: 'middle',
+        textwrap: false,
+        strike: false,
+        underline: false,
+        color: '#0a0a0a',
+        font: {
+          name: 'Helvetica',
+          size: 10,
+          bold: false,
+          italic: false,
+        },
+      },
+    }
+    // this.sheet = new Spreadsheet('#x-spreadsheet-demo', this.options).loadData({})
+    this.load()
+    this.preview()
+  },
+  created () {
+    this.reportCode = this.$route.query.reportCode
+  },
+  methods: {
+    async searchPreview () {
+      const arr = this.toObject(this.tableData2)
+      this.params.setParam = JSON.stringify(arr)
+      const { code, data } = await preview(this.params)
+      if (code !== '200') return
+      this.excelData = JSON.parse(data.jsonStr)
+      this.sheet.loadData(this.excelData)
+    },
+    async preview () {
+      this.excelData = {}
+      this.params.reportCode = this.reportCode
+      const { code, data } = await preview(this.params)
+      if (code != 200) return
+      this.reportName = JSON.parse(data.jsonStr).name
+      // 渲染查询表单
+      this.params.setParam = JSON.parse(data.setParam)
+      const extendArry = []
+      const extendObj = this.params.setParam
+      for (const i in extendObj) {
+        const children = []
+        for (const y in extendObj[i]) {
+          children.push({ name: y, value: extendObj[i][y] })
+        }
+        extendArry.push({ name: i, children: children })
+      }
+      this.tableData2 = extendArry
+
+      this.excelData = data.jsonStr
+      this.sheet.loadData(JSON.parse(this.excelData))
+    },
+    download (val) {
+      const result = {}
+      result['reportCode'] = this.reportCode
+      result['setParam'] = JSON.stringify(this.params.setParam)
+      if (val != '') {
+        result['exportType'] = val
+      }
+      exportExcel(result)
+    },
+    // 表单封装json
+    toObject (val) {
+      const objfirst = {}
+      const objSecond = {}
+      val.forEach((el) => {
+        el.name ? (objfirst[el.name] = el.children) : ''
+      })
+      for (const key in objfirst) {
+        const newObj = {}
+        objfirst[key].map((ev) => {
+          Object.assign(newObj, { [ev.name]: ev.value })
+        })
+        objSecond[key] = newObj
+      }
+      return objSecond
+    },
+    load () {
+      const rows10 = { len: 1000 }
+      for (let i = 0; i < 1000; i += 1) {
+        rows10[i] = {
+          cells: {},
+        }
+      }
+      const rows = {}
+      this.sheet = x_spreadsheet('#x-spreadsheet-demo', this.options)
+        .loadData([
+          {
+            freeze: 'B3',
+            styles: [],
+            merges: [],
+            cols: {
+              len: 20,
+              // 2: { width: 200 },
+            },
+            rows,
+          },
+          { name: 'sheet-test', rows: rows10 },
+        ])
+        .change((cdata) => {
+          const dataRect = this.sheet.data.getDataRect()
+        })
+      this.sheet
+        .on('cell-selected', (cell, ri, ci) => {
+          // console.log('cell:', cell, ', ri:', ri, ', ci:', ci);
+        })
+        .on('cell-edited', (text, ri, ci) => {
+          // console.log('text:', text, ', ri: ', ri, ', ci:', ci);
+        })
+      this.sheet.on('printSettings', () => {
+        // 打印设置.
+      })
+      this.sheet.on('generateQrcode', () => {
+        // 生成二维码.
+        console.log('insertImg', this.dialogVisible)
+      })
+      this.sheet.on('insertImg', () => {
+        // 插入图片
+      })
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+@import '../../../../components/x-spreadsheet/dist/xspreadsheet.css';
+.download {
+  width: 100%;
+  float: left;
+  button {
+    color: #444;
+    width: 90px;
+    text-align: left;
+    .svg-icon {
+      font-size: 16px;
+      margin-right: 10px;
+    }
+  }
+}
+.block {
+  position: relative;
+  z-index: 10000;
+  top: 0;
+  background: #fff;
+  width: 100%;
+  h2 {
+    font-size: 14px;
+    line-height: 30px;
+  }
+  h4 {
+    font-size: 12px;
+  }
+  .search_input {
+    font-size: 12px;
+    margin-bottom: 10px;
+    label {
+      line-height: 20px;
+    }
+  }
+}
+.layout {
+  display: block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+}
+.layout-middle {
+  display: block;
+  position: absolute;
+  left: 200px;
+  right: 0;
+  width: calc(100% - 200px);
+  margin: 0;
+  padding: 0;
+
+  .excel-designer {
+    display: block;
+    position: relative;
+    margin: 0;
+    padding: 0;
+  }
+}
+.layout-right {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 20px;
+  width: 200px;
+  min-height: 99.98vh;
+  border-left: 1px solid #dcdee2;
+  border-color: #e8eaec;
+  background: #fff;
+  border-radius: 4px;
+  font-size: 14px;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+</style>
diff --git a/report-ui/src/views/report/report/index.vue b/report-ui/src/views/report/report/index.vue
new file mode 100644
index 00000000..e327d4fb
--- /dev/null
+++ b/report-ui/src/views/report/report/index.vue
@@ -0,0 +1,409 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <div class="app-container">
+    <el-form ref="form"
+             :model="params"
+             :rules="rules"
+             label-width="100px">
+      <!-- 搜索 -->
+      <el-row :gutter="10">
+        <el-col :xs="24"
+                :sm="20"
+                :md="12"
+                :lg="6"
+                :xl="4">
+          <el-form-item label="名称"
+                        label-width="120px">
+            <el-input v-model="params.reportName"
+                      clearable
+                      placeholder="名称"
+                      class="filter-item" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24"
+                :sm="20"
+                :md="12"
+                :lg="6"
+                :xl="4">
+          <el-form-item label="报表编码"
+                        label-width="120px">
+            <el-input v-model="params.reportCode"
+                      clearable
+                      placeholder="报表编码"
+                      class="filter-item" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24"
+                :sm="20"
+                :md="12"
+                :lg="6"
+                :xl="4">
+          <el-form-item label="报表类型"
+                        label-width="120px">
+            <Dictionary v-model="params.reportType"
+                        :updata-dict="params.reportType"
+                        :dict-key="'REPORT_TYPE'" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24"
+                :sm="20"
+                :md="4"
+                :lg="4"
+                :xl="4">
+          <el-button type="primary"
+                     @click="search('form')">查询</el-button>
+          <el-button type="danger"
+                     @click="reset('form')">重置</el-button>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-button type="primary"
+               icon="el-icon-plus"
+               @click="showAddReportModel()">新增</el-button>
+
+    <!--表格渲染-->
+    <el-table v-loading="listLoading"
+              border
+              :data="list"
+              element-loading-text="Loading"
+              style="width: 100%">
+      <el-table-column align="center"
+                       label="序号"
+                       type="index"
+                       min-width="40" />
+      <el-table-column label="报表类型">
+        <template slot-scope="scope">
+          {{scope.row.reportType | reportTableType}}
+        </template>
+      </el-table-column>
+      <el-table-column prop="reportName"
+                       label="名称" />
+      <el-table-column prop="reportCode"
+                       label="报表编码" />
+      <el-table-column prop="reportGroup"
+                       label="分组">
+        <template slot-scope="scope">
+          {{scope.row.reportGroup | filterPushType}}
+        </template>
+      </el-table-column>
+      <el-table-column prop="reportDesc"
+                       label="备注" />
+      <el-table-column prop="createByView"
+                       label="创建人" />
+      <el-table-column prop="createTime"
+                       label="创建时间" />
+      <el-table-column prop="updateByView"
+                       label="更新人" />
+      <el-table-column prop="updateTime"
+                       label="更新时间" />
+      <el-table-column label="操作"
+                       width="200px"
+                       align="center">
+        <template slot-scope="scope">
+          <el-button type="text"
+                     @click="preview(scope.row)">预览</el-button>
+          <el-button type="text"
+                     @click="design(scope.row)">设计</el-button>
+          <el-button type="text"
+                     @click="showAddReportModel(scope.row)">编辑</el-button>
+          <el-button type="text"
+                     @click="del(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="block">
+      <el-pagination :total="totalCount"
+                     :page-sizes="[10, 20, 50, 100]"
+                     :page-size="params.pageSize"
+                     :current-page="params.pageNumber"
+                     layout="total, sizes, prev, pager, next, jumper"
+                     @size-change="handleSizeChange"
+                     @current-change="handleCurrentChange" />
+    </div>
+    <!--表单组件-->
+    <el-dialog title="项目基础配置"
+               width="50%"
+               :close-on-click-modal="false"
+               center
+               :visible.sync="basicDialog"
+               @close="closeDialog">
+      <el-form ref="userForm"
+               :model="dialogForm"
+               :rules="rules"
+               size="small"
+               label-width="100px">
+        <el-row :gutter="10">
+          <el-col :xs="24"
+                  :sm="20"
+                  :md="6"
+                  :lg="6"
+                  :xl="6">
+            <el-form-item label="报表类型">
+              <el-select v-model="dialogForm.reportType"
+                         placeholder="报表类型"
+                         clearable>
+                <el-option v-for="item in dictionaryTypeOptions"
+                           :key="item.id"
+                           :label="item.text"
+                           :value="item.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24"
+                  :sm="20"
+                  :md="7"
+                  :lg="7"
+                  :xl="7">
+            <el-form-item label="名称"
+                          prop="reportName">
+              <el-input v-model="dialogForm.reportName" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24"
+                  :sm="20"
+                  :md="7"
+                  :lg="7"
+                  :xl="7">
+            <el-form-item label="报表编码"
+                          prop="reportCode">
+              <el-input v-model="dialogForm.reportCode" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :xs="24"
+                  :sm="20"
+                  :md="6"
+                  :lg="6"
+                  :xl="6">
+            <el-form-item label="分组">
+              <el-select v-model="dialogForm.reportGroup"
+                         placeholder="请选择"
+                         clearable>
+                <el-option v-for="item in dictionaryGroupOptions"
+                           :key="item.id"
+                           :label="item.text"
+                           :value="item.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-col :span="24">
+          <el-form-item label="备注">
+            <el-input v-model="dialogForm.reportDesc"
+                      type="textarea"
+                      placeholder="请输入内容"
+                      show-word-limit />
+          </el-form-item>
+        </el-col>
+      </el-form>
+      <div slot="footer"
+           class="dialog-footer">
+        <el-button @click="basicDialog = false">取消</el-button>
+        <el-button type="primary"
+                   @click="UserConfirm">保存</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { dataDictionary } from '@/api/common'
+import { report, reportPageList, addReport, editReport, delReport } from '@/api/report'
+import Dictionary from '@/components/Dictionary/index'
+var typeData
+export default {
+  name: 'Report',
+  components: { Dictionary },
+  filters: {
+    filterPushType (val) {
+      for (var i = 0; i < typeData.dictionaryGroupOptions.length; i++) {
+        if (typeData.dictionaryGroupOptions[i].id == val) {
+          return typeData.dictionaryGroupOptions[i].text
+        }
+      }
+    },
+    reportTableType (val) {
+      for (var i = 0; i < typeData.dictionaryTypeOptions.length; i++) {
+        if (typeData.dictionaryTypeOptions[i].id == val) {
+          return typeData.dictionaryTypeOptions[i].text
+        }
+      }
+    },
+  },
+  data () {
+    return {
+      params: {
+        reportCode: '',
+        reportName: '',
+        reportType: '',
+        pageNumber: 1,
+        pageSize: 10,
+        order: 'DESC',
+        sort: 'update_time',
+      },
+      dialogForm: {
+        reportName: '',
+        reportCode: '',
+        reportType: '',
+        reportGroup: '',
+        reportDesc: '',
+      },
+      basicDialog: false,
+      listLoading: true,
+      list: null,
+      totalCount: 0,
+      totalPage: 0,
+      dictionaryTypeOptions: [], // 报表类型
+      dictionaryGroupOptions: [], // 报表分组
+      rules: {},
+
+    }
+  },
+
+  mounted () { },
+  // 在生命周期 beforeCreate里面改变this指向
+  beforeCreate: function () {
+    typeData = this
+  },
+  created () {
+    this.$nextTick(() => {
+      dataDictionary('REPORT_GROUP').then((res) => {
+        this.dictionaryGroupOptions = res.data
+        this.dialogForm.reportGroup = this.dictionaryGroupOptions[0].text
+      })
+      dataDictionary('REPORT_TYPE').then((res) => {
+        this.dictionaryTypeOptions = res.data;
+        this.dialogForm.reportType = this.dictionaryTypeOptions[0].text
+      })
+    })
+    this.queryByPage()
+
+  },
+  methods: {
+    // 查询
+    search () {
+      this.params.pageNumber = 1
+      this.queryByPage()
+    },
+    // 重置
+    reset (formName) {
+      this.$refs[formName].resetFields()
+      this.params.reportName = ''
+      this.params.reportCode = ''
+      this.params.reportType = ''
+      this.params.pageNumber = 1
+      this.queryByPage()
+    },
+    async queryByPage () {
+      const res = await reportPageList(this.params)
+      if (res.code != '200') return
+      this.listLoading = true
+      this.list = res.data.records
+      this.list.forEach((value) => {
+        value['reportNameCode'] = value.reportName + '[' + value.reportCode + ']'
+      })
+      this.totalCount = res.data.total
+      this.totalPage = res.data.pages
+      this.listLoading = false
+    },
+
+    // 打开模态框
+    showAddReportModel (val) {
+      this.basicDialog = true
+      if (val === undefined) {
+        this.dialogForm = {
+          reportName: '',
+          reportCode: '',
+          reportType: '',
+          reportDesc: '',
+        }
+      } else {
+        this.dialogForm = val
+      }
+    },
+    // 预览
+    preview (val) {
+      if (val.reportType === 'report_excel') {
+        var routeUrl = this.$router.resolve({ path: '/report/excelreport/viewer', query: { reportCode: val.reportCode } })
+        window.open(routeUrl.href, '_blank')
+      } else {
+        // eslint-disable-next-line no-redeclare
+        var routeUrl = this.$router.resolve({ path: '/report/bigscreen/viewer', query: { reportCode: val.reportCode } })
+        window.open(routeUrl.href, '_blank')
+      }
+    },
+    // 设计
+    design (val) {
+      if (val.reportType === 'report_excel') {
+        var routeUrl = this.$router.resolve({ path: '/report/excelreport/designer', query: { reportCode: val.reportCode, reportId: val.id, accessKey: val.accessKey } })
+        window.open(routeUrl.href, '_blank')
+      } else {
+        // eslint-disable-next-line no-redeclare
+        var routeUrl = this.$router.resolve({ path: '/report/bigscreen/designer', query: { reportCode: val.reportCode, reportId: val.id, accessKey: val.accessKey } })
+        window.open(routeUrl.href, '_blank')
+      }
+    },
+    // 删除
+    async delReport (val) {
+      const { code } = await delReport(val)
+      if (code != '200') return
+      this.queryByPage()
+    },
+    del (val) {
+      this.$confirm('确定删除此条数据, 是否继续?', '删除', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          this.delReport(val)
+        })
+        .catch(() => {
+          this.$message({
+            type: 'info',
+            message: '取消删除',
+          })
+        })
+    },
+    // 关闭模态框
+    closeDialog (bool) {
+      bool && this.search('form') // 点确定关闭弹窗的时候才会刷新列表
+      this.$refs['userForm'].resetFields()
+      this.basicDialog = false
+    },
+    handleSizeChange (val) {
+      this.params.pageSize = val
+      this.queryByPage()
+    },
+    handleCurrentChange (val) {
+      this.params.pageNumber = val
+      this.queryByPage()
+    },
+    // 提交
+    UserConfirm () {
+      this.$refs.form.validate(async (valid, obj) => {
+        if (valid) {
+          if (this.dialogForm.id == undefined) {
+            const { code } = await addReport(this.dialogForm)
+            if (code != '200') return
+          } else {
+            const { code } = await editReport(this.dialogForm)
+            if (code != '200') return
+          }
+          this.closeDialog(true)
+        } else {
+          return
+        }
+      })
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/report-ui/src/views/report/resultset/index.vue b/report-ui/src/views/report/resultset/index.vue
new file mode 100644
index 00000000..6ffece5e
--- /dev/null
+++ b/report-ui/src/views/report/resultset/index.vue
@@ -0,0 +1,966 @@
+<!--
+ * @Author: lide1202@hotmail.com
+ * @Date: 2021-3-13 11:04:24
+ * @Last Modified by:   lide1202@hotmail.com
+ * @Last Modified time: 2021-3-13 11:04:24
+ !-->
+<template>
+  <div class="app-container">
+    <el-form>
+      <!-- 搜索 -->
+      <el-row :gutter="10">
+        <el-col :xs="24"
+                :sm="20"
+                :md="6"
+                :lg="6"
+                :xl="6">
+          <el-form-item label="数据集名称"
+                        label-width="120px">
+            <el-input v-model.trim="query.setName"
+                      clearable
+                      placeholder="数据源名称"
+                      class="filter-item" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24"
+                :sm="20"
+                :md="6"
+                :lg="6"
+                :xl="6">
+          <el-form-item label="数据集编码"
+                        label-width="120px">
+            <el-input v-model.trim="query.setCode"
+                      clearable
+                      placeholder="数据集编码"
+                      class="filter-item" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-button type="primary"
+               @click="addOrEditDataSet()">+ 新增</el-button>
+
+    <!--表格渲染-->
+    <el-table ref="table"
+              border
+              :data="data"
+              size="small"
+              style="width: 100%">
+      <el-table-column align="center"
+                       label="序号"
+                       type="index"
+                       min-width="40" />
+      <el-table-column prop="setName"
+                       label="数据集名称" />
+      <el-table-column prop="setCode"
+                       label="数据集编码" />
+      <el-table-column prop="setDesc"
+                       label="描述" />
+      <el-table-column label="折叠列">
+        <template slot-scope="scope">
+          <el-button @click="isShowCaseResult(scope.row)">查看</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createByView"
+                       width="100"
+                       label="创建人" />
+      <el-table-column prop="createTime"
+                       width="140"
+                       label="创建人" />
+      <el-table-column prop="updateByView"
+                       width="100"
+                       label="更新人" />
+      <el-table-column prop="updateTime"
+                       width="140"
+                       label="更新时间" />
+      <el-table-column label="操作"
+                       width="120px"
+                       align="center">
+        <template slot-scope="scope">
+          <el-button size="mini"
+                     type="text"
+                     @click="addOrEditDataSet(scope.row)">编辑</el-button>
+          <el-popconfirm :title="'确定删除' + scope.row.setName + '吗？'"
+                         @onConfirm="delect(scope.row)">
+            <el-button slot="reference"
+                       type="text">删除</el-button>
+          </el-popconfirm>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!--分页组件-->
+    <!-- <pagination /> -->
+
+    <!--表单组件-->
+    <el-dialog :visible.sync="dialogFormVisible"
+               :title="dialogFormVisibleTitle"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :before-close="handleClose"
+               width="65%">
+      <el-form ref="form"
+               :model="formData"
+               :rules="formRules"
+               size="small"
+               label-width="100px">
+        <el-row :gutter="10">
+
+          <el-col :xs="24"
+                  :sm="20"
+                  :md="4"
+                  :lg="4"
+                  :xl="4">
+            <el-form-item label-width="0"
+                          prop="sourceCode">
+              <el-select v-model.trim="formData.sourceCode"
+                         class="organisation"
+                         size="mini"
+                         @change="changeSource">
+                <el-option v-for="item in sourceList"
+                           :key="item.sourceName"
+                           :label="item.sourceName"
+                           :value="item.sourceCode" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24"
+                  :sm="20"
+                  :md="22"
+                  :lg="22"
+                  :xl="22">
+            <el-form-item label="查询SQL或请求体"
+                          label-width="140px">
+              <div class="codemirror">
+                <codemirror v-model.trim="formData.dynSentence"
+                            :options="optionsSql"
+                            style="height: 190px" />
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :xs="24"
+                  :sm="20"
+                  :md="22"
+                  :lg="22"
+                  :xl="22">
+            <el-form label-width="100px"
+                     class="demo-ruleForm">
+              <el-tabs v-model.trim="tabsActiveName"
+                       type="card"
+                       @tab-click="handleClickTabs">
+                <el-tab-pane label="查询参数"
+                             name="first">
+                  <el-button v-if="tableData.length == 0"
+                             type="text"
+                             size="small"
+                             @click="addRow()">添加</el-button>
+                  <el-table :data="tableData"
+                            border
+                            style="width: 100%">
+                    <el-table-column align="center"
+                                     label="序号"
+                                     type="index"
+                                     min-width="40" />
+                    <el-table-column label="参数名">
+                      <template slot-scope="scope">
+                        <el-input v-model.trim="tableData[scope.$index].paramName"
+                                  :disabled="tableData[scope.$index].paramName == 'pageSize' || tableData[scope.$index].paramName == 'pageNumber'" />
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="描述">
+                      <template slot-scope="scope">
+                        <el-input v-model.trim="tableData[scope.$index].paramDesc" />
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="数据类型">
+                      <template slot-scope="scope">
+                        <el-input v-model.trim="tableData[scope.$index].paramType" />
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="示例值">
+                      <template slot-scope="scope">
+                        <el-input v-model.trim="tableData[scope.$index].sampleItem" />
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="校验"
+                                     width="220">
+                      <template slot-scope="scope">
+                        <el-checkbox v-model="tableData[scope.$index].mandatory"
+                                     @change="Mandatory(scope.$index)">必选</el-checkbox>
+                        <el-button type="primary"
+                                   icon="el-icon-plus"
+                                   @click="permissionClick(scope.row, scope.$index)"> 高级规则 </el-button>
+                      </template>
+                    </el-table-column>
+                    <!-- <el-table-column :label="$t('btn.operationCol')"
+                                     width="200">
+                      <template slot-scope="scope">
+                        <el-button type="text"
+                                   size="small"
+                                   @click.native.prevent="cutOutRow(scope.$index, tableData)">{{ $t('btn.delete') }}</el-button>
+                        <el-button type="text"
+                                   size="small"
+                                   @click="addRow(scope.row)">追加</el-button>
+                      </template>
+                    </el-table-column> -->
+                  </el-table>
+                  <el-checkbox v-model="isShowPagination"
+                               @change="changePagination">加入分页参数</el-checkbox>
+                </el-tab-pane>
+                <el-tab-pane label="数据转换"
+                             name="second">
+                  <template>
+                    <div class="filterWrapper">
+                      <div class="filterTable">
+                        <div v-for="(item, index) in itemFilterList"
+                             :key="index"
+                             class="filterBox">
+                          <div class="box">
+                            <Dictionary v-model="item.transformType"
+                                        :updata-dict="item.transformType"
+                                        :dict-key="'TRANSFORM_TYPE'" />
+                            <el-button type="text"
+                                       class="reduceFilter"
+                                       icon="el-icon-close"
+                                       @click="reduceFilter(item)" />
+                            <el-button v-if="item.transformType == 'js' || item.transformType == 'dict'"
+                                       type="text"
+                                       class="editor"
+                                       icon="el-icon-edit"
+                                       @click="filterScriptBtn(item)" />
+                          </div>
+                          <el-button type="text"
+                                     class="font-icon-right"
+                                     icon="el-icon-right" />
+                        </div>
+                        <el-dialog :title="dialogTitle"
+                                   :visible.sync="dialogSwitchVisible"
+                                   width="45%"
+                                   min-height="400px"
+                                   append-to-body>
+                          <div v-if="isItemFilterType.transformType == 'js'">
+                            <div class="codemirror">
+                              <!-- //自定义高级规则？ -->
+                              <codemirror v-model.trim="transformScript"
+                                          :options="optionsJavascript"
+                                          style="height:290px" />
+                            </div>
+                          </div>
+                          <div v-else>
+                            <div v-for="(item, index) in tableData2"
+                                 :key="index">
+                              <label>字典项名称：</label>
+                              <el-input v-model.trim="item.name"
+                                        size="small"
+                                        style="width: 25%" />
+                              <el-button type="danger"
+                                         size="small"
+                                         plain
+                                         icon="el-icon-delete"
+                                         @click="delAllDict(index, tableData2)" />
+                              <el-table :data="item.children"
+                                        border
+                                        style="width: 80%">
+                                <el-table-column label="key"
+                                                 width="180">
+                                  <template slot-scope="scope">
+                                    <el-input v-model.trim="item.children[scope.$index].name" />
+                                  </template>
+                                </el-table-column>
+                                <el-table-column label="值">
+                                  <template slot-scope="scope">
+                                    <el-input v-model.trim="item.children[scope.$index].value" />
+                                  </template>
+                                </el-table-column>
+                                <el-table-column label="操作"
+                                                 width="150px"
+                                                 align="center">
+                                  <template slot-scope="scope">
+                                    <el-button type="success"
+                                               circle
+                                               plain
+                                               icon="el-icon-plus"
+                                               @click="addDict(scope.$index, item.children)" />
+
+                                    <el-button type="danger"
+                                               circle
+                                               plain
+                                               icon="el-icon-delete"
+                                               @click="delDict(scope.$index, item.children)" />
+                                  </template>
+                                </el-table-column>
+                              </el-table>
+                            </div>
+                            <el-button type="success"
+                                       @click="addAllDict()">新增</el-button>
+                          </div>
+                          <span slot="footer"
+                                class="dialog-footer">
+                            <el-button @click="dialogSwitchVisible = false">取消</el-button>
+                            <el-button type="primary"
+                                       @click="filterScriptConfirm">保存</el-button>
+                          </span>
+                        </el-dialog>
+                        <!-- //添加数据转换 -->
+                        <div class="addFilter"
+                             disabled="true"
+                             @click="addFilter">
+                          <i class="el-icon-plus" /><span>新增</span>
+                        </div>
+                      </div>
+                    </div>
+                  </template>
+                </el-tab-pane>
+                <el-tab-pane label="测试预览"
+                             name="third">
+                  <div style="max-height: 400px; overflow: auto">
+                    <vue-json-editor v-model="cols"
+                                     :show-btns="false"
+                                     :mode="'code'"
+                                     lang="zh"
+                                     @json-change="onJsonChange"
+                                     @json-save="onJsonSave" />
+                  </div>
+                </el-tab-pane>
+              </el-tabs>
+            </el-form>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer"
+           class="dialog-footer">
+        <!-- <el-button type="warning" @click="test">测试</el-button> -->
+        <el-button @click="dialogFormVisible = false">取消</el-button>
+        <el-button type="primary"
+                   @click="submit('form')">保存</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog :title="title"
+               :visible.sync="dialogPermissionVisible"
+               width="30%">
+      <div class="codemirror">
+        <!-- //自定义高级规则？ -->
+        <codemirror v-model.trim="validationRules"
+                    :options="optionsJavascript"
+                    style="height: 190px" />
+      </div>
+      <span slot="footer"
+            class="dialog-footer">
+        <el-button type="warning"
+                   @click="testResultset">测试</el-button>
+        <el-button @click="dialogPermissionVisible = false">关闭</el-button>
+        <el-button type="primary"
+                   @click="dialogValidationRules">保存</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog :title="caseResultTitle"
+               :visible.sync="dialogCaseResult"
+               width="70%">
+      <vue-json-editor v-model="caseResultContent"
+                       :show-btns="false"
+                       :mode="'code'"
+                       lang="zh"
+                       class="my-editor"
+                       @json-change="onJsonChange"
+                       @json-save="onJsonSave" />
+      <span slot="footer"
+            class="dialog-footer">
+        <el-button type="primary"
+                   @click="dialogCaseResult = false">关闭</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>  
+import { queryAllDataSourceSet, verificationSet, testTransformSet, dataSetPreview, addDataSet, editDataSet, deleteDataSet } from '@/api/report'
+import Dictionary from '@/components/Dictionary/index'
+import { codemirror } from 'vue-codemirror' // 引入codeMirror全局实例
+import 'codemirror/lib/codemirror.css' // 核心样式
+import 'codemirror/theme/cobalt.css' // 引入主题后还需要在 options 中指定主题才会生效
+
+export default {
+  name: 'Support',
+  components: { Dictionary, codemirror },
+
+  dicts: ['pricing_method'],
+
+  data () {
+    return {
+      data: [],
+      permission: {
+        add: ['admin', 'alipayConfig:add'],
+        edit: ['admin', 'alipayConfig:edit'],
+        del: ['admin', 'datasource:del'],
+      },
+      // 内部真实的内容
+      code: '',
+      // 默认配置
+      optionsSql: {
+        mode: 'text/x-sql',
+        tabSize: 2, // 缩进格式
+        // theme: 'cobalt', // monokai主题，对应主题库 JS 需要提前引入
+        lineNumbers: true, // 显示行号
+        line: true,
+        styleActiveLine: true, // 高亮选中行
+        hintOptions: {
+          completeSingle: true, // 当匹配只有一项的时候是否自动补全
+        },
+      },
+      optionsJavascript: {
+        mode: 'text/javascript',
+        tabSize: 2, // 缩进格式
+        // theme: 'cobalt', // monokai主题，对应主题库 JS 需要提前引入
+        lineNumbers: true, // 显示行号
+        line: true,
+        styleActiveLine: true, // 高亮选中行
+
+        hintOptions: {
+          completeSingle: true, // 当匹配只有一项的时候是否自动补全
+        },
+      },
+      selectedList: [],
+      clickType: '',
+      formData: {},
+      // 弹框默认隐藏
+      dialogFormVisible: false,
+      dialogFormVisibleTitle: '',
+      dialogPermissionVisible: false,
+      dialogSwitchVisible: false,
+      permissionTextarea: '',
+      isItemFilterType: '', // 选中的转换类型id
+      itemFilterList: [
+        {
+          transformType: 'js',
+          transformScript: `function dataTransform(data){
+          //自定义脚本内容
+          return data;
+        }`,
+        },
+      ],
+      transformScript: `function dataTransform(data){
+          //自定义脚本内容
+          return data;
+        }`,
+      itemFilterScriptId: '',
+      title: '自定义高级规则',
+      params: {
+        pageNumber: 1,
+        pageSize: 10,
+        helpTitle: '',
+        enabled: null,
+        helpCategory: '',
+        order: 'DESC',
+        sort: 'update_time',
+      },
+      formRules: {
+        setName: [{ required: true, message: '数据集名称必填', trigger: 'blur' }],
+        setCode: [{ required: true, message: '数据集编码必填', trigger: 'blur' }],
+        sourceCode: [{ required: true, message: '数据源必选', trigger: 'change' }],
+      },
+      sourceList: [],
+      validationRules: '',
+      tabsActiveName: 'first',
+      cols: [],
+      tableData: [
+        {
+          paramName: '',
+          paramDesc: '',
+          paramType: '',
+          sampleItem: '',
+          mandatory: true,
+          requiredFlag: 1,
+          validationRules: `function verification(data){
+          //自定义脚本内容
+          return true;
+        }`,
+        },
+      ],
+      isRowData: {},
+      tableData2: [],
+      dialogTitle: 'js脚本填写',
+      isShowPagination: false,
+      updataDisabled: false,
+      dialogCaseResult: false,
+      caseResultTitle: '',
+      caseResultContent: null,
+      testMassageCode: null,
+      query: {
+        setName: '',
+        setCode: ''
+      }
+    }
+  },
+  watch: {},
+  // 在生命周期 beforeCreate里面改变this指向
+  beforeCreate: function () { },
+  mounted () { },
+  created () {
+    this.getAllDataSourceSet()
+  },
+  methods: {
+    onJsonChange (value) { },
+    onJsonSave (value) { },
+    handleClose (done) {
+      this.dialogFormVisible = false
+    },
+    isShowCaseResult (item) {
+      this.dialogCaseResult = true
+      this.caseResultTitle = item.setName
+      this.caseResultContent = JSON.parse(item.caseResult)
+    },
+    async delect (row) {
+      this.visible = false
+      const { code, data } = await deleteDataSet(row)
+      if (code != '200') return
+    },
+    // 编辑数据集,获取单条数据详情
+    addOrEditDataSet (row) {
+      this.dialogFormVisible = true
+      this.tabsActiveName = 'first'
+      this.testMassageCode = null
+      if (row != null) {
+        this.updataDisabled = true
+        this.dialogFormVisibleTitle = '编辑数据集'
+        dataSetPreview(row).then((data) => {
+          this.formData = data.data
+          if (data.data.dataSetParamDtoList != null || data.data.dataSetParamDtoList.length > 0) {
+            this.tableData = data.data.dataSetParamDtoList
+            var count = 0
+            this.tableData.find((value, i) => {
+              if (value.paramName === 'pageNumber' || value.paramName === 'pageSize') {
+                count++
+              }
+              if (value.requiredFlag == 1) {
+                this.tableData[i].mandatory = true
+              } else {
+                this.tableData[i].mandatory = false
+              }
+            })
+            if (count === 2) {
+              this.isShowPagination = true
+            } else {
+              this.isShowPagination = false
+            }
+          } else {
+            this.tableData = []
+            this.isShowPagination = false
+          }
+          if (data.data.dataSetTransformDtoList !== null) {
+            this.itemFilterList = data.data.dataSetTransformDtoList
+          } else {
+            this.itemFilterList = []
+          }
+          this.itemFilterList.forEach((item, i) => {
+            if (item.transformType == 'dict') {
+              const extendObj = JSON.parse(item.transformScript)
+              const extendArry = []
+              for (const i in extendObj) {
+                const children = []
+                for (const y in extendObj[i]) {
+                  children.push({ name: y, value: extendObj[i][y] })
+                }
+                extendArry.push({ name: i, children: children })
+              }
+              this.tableData2 = extendArry
+            }
+          })
+        })
+      } else {
+        this.dialogFormVisibleTitle = '新增数据集'
+        this.updataDisabled = false
+        this.formData = {
+          setName: '',
+          setCode: '',
+          setDesc: '',
+          sourceCode: '',
+          dynSentence: '',
+        }
+        this.tableData = []
+        this.itemFilterList = []
+        this.isShowPagination = false
+      }
+    },
+    // 获取数据源下拉
+    async getAllDataSourceSet () {
+      const { code, data } = await queryAllDataSourceSet()
+      if (code != '200') return
+      this.sourceList = data
+    },
+    // 测试预览
+    async handleClickTabs (tab, event) {
+      if (tab.paneName == 'third') {
+        const params = {
+          sourceCode: this.formData.sourceCode,
+          dynSentence: this.formData.dynSentence,
+          dataSetParamDtoList: this.tableData,
+          dataSetTransformDtoList: this.itemFilterList,
+        }
+        const { code, data } = await testTransformSet(params)
+        if (code != '200') return
+        this.cols = data.data
+        this.testMassageCode = code
+      }
+    },
+    // 必选
+    Mandatory (val) {
+      if (!this.tableData[val].mandatory) {
+        this.tableData[val].requiredFlag = 0
+      } else {
+        this.tableData[val].requiredFlag = 1
+      }
+    },
+    // 分页参数增加列
+    changePagination () {
+      if (this.isShowPagination) {
+        this.tableData.push(
+          {
+            paramName: 'pageNumber',
+            paramDesc: '当前页',
+            paramType: 'int',
+            sampleItem: '1',
+            mandatory: true,
+            requiredFlag: 1,
+            validationRules: `function verification(data){
+            //自定义脚本内容
+            return true;
+          }`,
+          },
+          {
+            paramName: 'pageSize',
+            paramDesc: '条数',
+            paramType: 'int',
+            sampleItem: '10',
+            mandatory: true,
+            requiredFlag: 1,
+            validationRules: `function verification(data){
+          //自定义脚本内容
+          return true;
+          }`,
+          }
+        )
+      } else {
+        this.tableData.forEach((item, i) => {
+          if (item.paramName == 'pageSize' || item.paramName == 'pageNumber') {
+            this.tableData.splice(i, 2)
+          }
+        })
+      }
+    },
+    // js 脚本编辑
+    async filterScriptBtn (item) {
+      console.log(item)
+      this.isItemFilterType = item
+      this.dialogSwitchVisible = true
+      if (item.transformType == 'js') {
+        this.itemFilterScriptId = item.itemFilterSort
+        const fnCont = `function dataTransform(data){
+          //自定义脚本内容
+          return data;
+        }`
+        this.transformScript = item.transformScript ? item.transformScript : fnCont
+      } else if (item.transformType == 'dict') {
+        // this.dialogTitle = '字典翻译'
+        // this.itemFilterScriptId = item.itemFilterSort
+        // const { code, data } = await getDictList('TRANSFORM_TYPE')
+        // if (code != '200') return
+        // const extend = data.find(function (y) {
+        //   if (y.id == item.transformType) {
+        //     return y
+        //   }
+        // })
+        // const extendArry = []
+        // const extendObj = JSON.parse(extend.extend)
+        // for (const i in extendObj) {
+        //   const children = []
+        //   for (const y in extendObj[i]) {
+        //     children.push({ name: y, value: extendObj[i][y] })
+        //   }
+        //   extendArry.push({ name: i, children: children })
+        // }
+        // this.tableData2 = extendArry
+      }
+    },
+    // js 脚本编辑确定
+    filterScriptConfirm () {
+      const arr = this.toObject(this.tableData2)
+      this.itemFilterList.forEach((el, index) => {
+        if (el.transformType == 'dict') {
+          el.transformScript = JSON.stringify(arr)
+        } else {
+          el.transformScript = this.transformScript
+        }
+      })
+      this.dialogSwitchVisible = false
+    },
+    addFilter () {
+      let obj = {}
+      this.tableData2 = []
+      if (this.itemFilterList.length == 0) {
+        obj = {
+          transformType: '',
+          transformScript: '',
+          itemFilterSort: 1,
+        }
+      } else {
+        obj = {
+          transformType: '',
+          transformScript: '',
+          itemFilterSort: this.itemFilterList.length + 1,
+        }
+      }
+      this.itemFilterList.push(obj)
+    },
+    // 删除filter
+    reduceFilter (item) {
+      if (this.itemFilterList.length > 1) {
+        var index = this.itemFilterList.indexOf(item)
+        if (index > -1) {
+          this.itemFilterList.splice(index, 1)
+        }
+      }
+    },
+    // --查询参数-----------------///////////////////////////////////////////////////////////////////////
+    permissionClick (row, index) {
+      this.title = '自定义高级规则'
+      if (this.isRowData.sampleItem != '') {
+        this.isRowData = row
+        const fnCont = `function verification(data){
+          //自定义脚本内容
+          return true;
+        }`
+        this.validationRules = row.validationRules ? row.validationRules : fnCont
+        this.dialogPermissionVisible = true
+      }
+    },
+    dialogValidationRules () {
+      this.isRowData.validationRules = this.validationRules
+      this.dialogPermissionVisible = false
+    },
+    // 字典项 增删改
+    addAllDict () {
+      this.tableData2.push({
+        name: '',
+        children: [{ name: '', value: '' }],
+      })
+    },
+    addDict (index, item) {
+      item.push({ name: '', value: '' })
+    },
+    delAllDict (index, rows) {
+      rows.splice(index, 1)
+    },
+    delDict (index, rows) {
+      if (index == 0) {
+        this.$message.error('至少保留一条')
+        return
+      }
+      rows.splice(index, 1)
+    },
+    // -------------------------------------------------------------------------------
+    // 数据源下拉切换
+    changeSource () { },
+    // 自定义高级规则
+    testResultset () {
+      this.isRowData.validationRules = this.validationRules
+      verificationSet(this.isRowData).then((data) => {
+        // console.log(data)
+      })
+    },
+    // 删除
+    cutOutRow (index, rows) {
+      rows.splice(index, 1)
+    },
+    // 追加
+    addRow (index, row) {
+      this.tableData.push({
+        paramName: '',
+        paramDesc: '',
+        paramType: '',
+        sampleItem: '',
+        mandatory: true,
+        requiredFlag: 1,
+        validationRules: `function verification(data){
+          //自定义脚本内容
+          return true;
+        }`,
+      })
+    },
+    async submit (formName) {
+      this.$refs[formName].validate(async (valid, obj) => {
+        if (valid) {
+          if (this.testMassageCode == 200) {
+            this.formData.dataSetParamDtoList = this.tableData
+            this.formData.dataSetTransformDtoList = this.itemFilterList
+            this.formData.caseResult = JSON.stringify(this.cols)
+            if (this.dialogFormVisibleTitle === '新增数据集') {
+              const { code } = await addDataSet(this.formData)
+              if (code != '200') return
+            } else {
+              const { code } = await editDataSet(this.formData)
+              if (code != '200') return
+            }
+            this.dialogFormVisible = false
+          } else {
+            this.$message.error('请先测试预览，操作成功后便可保存！')
+            return
+          }
+        } else {
+          return
+        }
+      })
+    },
+    toObject (val) {
+      const objfirst = {}
+      const objSecond = {}
+      val.forEach((el) => {
+        el.name ? (objfirst[el.name] = el.children) : ''
+      })
+      for (const key in objfirst) {
+        const newObj = {}
+        objfirst[key].map((ev) => {
+          Object.assign(newObj, { [ev.name]: ev.value })
+        })
+        objSecond[key] = newObj
+      }
+      return objSecond
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.my-editor {
+  height: 400px;
+  div.jsoneditor {
+    height: 400px !important;
+  }
+}
+.codemirror {
+  width: 100%;
+  height: 200px;
+  margin: 0;
+  overflow: auto;
+}
+.title {
+  width: 100%;
+  display: inline-block;
+  text-align: left;
+}
+.addSwitch {
+  ul {
+    list-style: none;
+    margin: 0px;
+    li {
+      width: 200px;
+      height: 60px;
+      padding: 10px;
+      border: 1px solid #aaa;
+      float: left;
+      margin-right: 10px;
+      text-align: center;
+      line-height: 40px;
+      cursor: pointer;
+      &.add,
+      &:hover {
+        border: 1px solid #3385ff;
+        color: #3385ff;
+      }
+    }
+  }
+}
+.filterWrapper {
+  position: relative;
+}
+.filterTable {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  padding: 5px 15px 25px 15px;
+}
+.filterWrapper .addFilter {
+  cursor: pointer;
+  width: 150px;
+  height: 50px;
+  border-radius: 3px;
+  border: 1px solid #67c23a;
+  margin-top: 20px;
+  background: #e4f7da;
+  padding-left: 24px;
+}
+.filterWrapper .addFilter i {
+  font-size: 20px;
+  color: #67c23a;
+  margin-top: 16px;
+  margin-left: 16px;
+}
+.filterWrapper .addFilter span {
+  color: #67c23a;
+  margin-left: 5px;
+  font-size: 18px;
+}
+.filterBox {
+  width: 182px;
+  position: relative;
+  margin-top: 20px;
+}
+.filterBox .box {
+  width: 150px;
+  height: 50px;
+  text-align: center;
+  position: relative;
+  background: #e0e8ff;
+  border-radius: 3px;
+  border: 1px solid #b8caff;
+  float: left;
+  padding: 5px 20px;
+}
+.filterBox .box .reduceFilter {
+  width: 10px;
+  height: 10px;
+  position: absolute;
+  right: 4px;
+  top: 4px;
+  cursor: pointer;
+}
+.filterBox .box .editor {
+  width: 12px;
+  height: 13px;
+  position: absolute;
+  left: -5px;
+  top: 5px;
+  cursor: pointer;
+}
+.filterBox .rightIcon {
+  width: 45px;
+  height: 19px;
+  position: absolute;
+  right: 10px;
+  top: 15px;
+}
+.filterTextarea /deep/ .el-textarea__inner {
+  min-height: 300px !important;
+}
+.filterBox .code-selected {
+  width: 70%;
+  margin-top: 4px;
+}
+.filterBox /deep/ .el-input--suffix .el-input__inner {
+  background: #f4f7ff;
+  border-radius: 3px;
+  border: 1px solid #b8caff;
+  color: #89a3ee;
+}
+.font-icon-right {
+  line-height: 35px;
+  font-size: 30px;
+}
+.popover-box {
+  width: 100%;
+  height: 220px;
+  overflow-y: auto;
+  padding: 10px;
+}
+</style>
diff --git a/report-ui/static/Crane.png b/report-ui/static/Crane.png
new file mode 100644
index 00000000..93608590
Binary files /dev/null and b/report-ui/static/Crane.png differ
diff --git a/report-ui/static/__MACOSX/._背景 2.mp4 b/report-ui/static/__MACOSX/._背景 2.mp4
new file mode 100644
index 00000000..3c5cc1bc
Binary files /dev/null and b/report-ui/static/__MACOSX/._背景 2.mp4 differ
diff --git a/report-ui/static/bg_01.jpg b/report-ui/static/bg_01.jpg
new file mode 100644
index 00000000..979f6b1d
Binary files /dev/null and b/report-ui/static/bg_01.jpg differ
diff --git a/report-ui/static/bianzu.png b/report-ui/static/bianzu.png
new file mode 100644
index 00000000..f050534e
Binary files /dev/null and b/report-ui/static/bianzu.png differ
diff --git a/report-ui/static/daiqueren.png b/report-ui/static/daiqueren.png
new file mode 100644
index 00000000..b427be22
Binary files /dev/null and b/report-ui/static/daiqueren.png differ
diff --git a/report-ui/static/difengxian.png b/report-ui/static/difengxian.png
new file mode 100644
index 00000000..aabfc0ca
Binary files /dev/null and b/report-ui/static/difengxian.png differ
diff --git a/report-ui/static/es.png b/report-ui/static/es.png
new file mode 100644
index 00000000..5518031f
Binary files /dev/null and b/report-ui/static/es.png differ
diff --git a/report-ui/static/fanghuoqiang.png b/report-ui/static/fanghuoqiang.png
new file mode 100644
index 00000000..2b791016
Binary files /dev/null and b/report-ui/static/fanghuoqiang.png differ
diff --git a/report-ui/static/favicon-aj.ico b/report-ui/static/favicon-aj.ico
new file mode 100644
index 00000000..0974d853
Binary files /dev/null and b/report-ui/static/favicon-aj.ico differ
diff --git a/report-ui/static/favicon.ico b/report-ui/static/favicon.ico
new file mode 100644
index 00000000..1f80c113
Binary files /dev/null and b/report-ui/static/favicon.ico differ
diff --git a/report-ui/static/gaofengxian.png b/report-ui/static/gaofengxian.png
new file mode 100644
index 00000000..d28b4981
Binary files /dev/null and b/report-ui/static/gaofengxian.png differ
diff --git a/report-ui/static/header.png b/report-ui/static/header.png
new file mode 100644
index 00000000..d2d94f1a
Binary files /dev/null and b/report-ui/static/header.png differ
diff --git a/report-ui/static/header01.jpg b/report-ui/static/header01.jpg
new file mode 100644
index 00000000..b237744a
Binary files /dev/null and b/report-ui/static/header01.jpg differ
diff --git a/report-ui/static/htlogo.png b/report-ui/static/htlogo.png
new file mode 100644
index 00000000..6b09b30c
Binary files /dev/null and b/report-ui/static/htlogo.png differ
diff --git a/report-ui/static/htname.png b/report-ui/static/htname.png
new file mode 100644
index 00000000..76d88818
Binary files /dev/null and b/report-ui/static/htname.png differ
diff --git a/report-ui/static/iconsheji-.png b/report-ui/static/iconsheji-.png
new file mode 100644
index 00000000..a6fc49c4
Binary files /dev/null and b/report-ui/static/iconsheji-.png differ
diff --git a/report-ui/static/iconsheji-2.png b/report-ui/static/iconsheji-2.png
new file mode 100644
index 00000000..914a455f
Binary files /dev/null and b/report-ui/static/iconsheji-2.png differ
diff --git a/report-ui/static/index-bottom-left.png b/report-ui/static/index-bottom-left.png
new file mode 100644
index 00000000..edec1b23
Binary files /dev/null and b/report-ui/static/index-bottom-left.png differ
diff --git a/report-ui/static/index-bottom-right.png b/report-ui/static/index-bottom-right.png
new file mode 100644
index 00000000..ea512a6b
Binary files /dev/null and b/report-ui/static/index-bottom-right.png differ
diff --git a/report-ui/static/index-center.png b/report-ui/static/index-center.png
new file mode 100644
index 00000000..3f080e9a
Binary files /dev/null and b/report-ui/static/index-center.png differ
diff --git a/report-ui/static/index-top-left.png b/report-ui/static/index-top-left.png
new file mode 100644
index 00000000..9e1f8cdc
Binary files /dev/null and b/report-ui/static/index-top-left.png differ
diff --git a/report-ui/static/index-top-right.png b/report-ui/static/index-top-right.png
new file mode 100644
index 00000000..f0d9f03a
Binary files /dev/null and b/report-ui/static/index-top-right.png differ
diff --git a/report-ui/static/jiaohuanji.png b/report-ui/static/jiaohuanji.png
new file mode 100644
index 00000000..b229c51e
Binary files /dev/null and b/report-ui/static/jiaohuanji.png differ
diff --git a/report-ui/static/left.png b/report-ui/static/left.png
new file mode 100644
index 00000000..d622ea55
Binary files /dev/null and b/report-ui/static/left.png differ
diff --git a/report-ui/static/login_box.png b/report-ui/static/login_box.png
new file mode 100644
index 00000000..313d45ed
Binary files /dev/null and b/report-ui/static/login_box.png differ
diff --git a/report-ui/static/logo-dp.png b/report-ui/static/logo-dp.png
new file mode 100644
index 00000000..90788c4b
Binary files /dev/null and b/report-ui/static/logo-dp.png differ
diff --git a/report-ui/static/logo.png b/report-ui/static/logo.png
new file mode 100644
index 00000000..705212cc
Binary files /dev/null and b/report-ui/static/logo.png differ
diff --git a/report-ui/static/logo1.png b/report-ui/static/logo1.png
new file mode 100644
index 00000000..b48d8a5e
Binary files /dev/null and b/report-ui/static/logo1.png differ
diff --git a/report-ui/static/luyouqi.png b/report-ui/static/luyouqi.png
new file mode 100644
index 00000000..93c8b069
Binary files /dev/null and b/report-ui/static/luyouqi.png differ
diff --git a/report-ui/static/no.png b/report-ui/static/no.png
new file mode 100644
index 00000000..db01abc8
Binary files /dev/null and b/report-ui/static/no.png differ
diff --git a/report-ui/static/ocean.png b/report-ui/static/ocean.png
new file mode 100644
index 00000000..22a92d63
Binary files /dev/null and b/report-ui/static/ocean.png differ
diff --git a/report-ui/static/right.png b/report-ui/static/right.png
new file mode 100644
index 00000000..35921224
Binary files /dev/null and b/report-ui/static/right.png differ
diff --git a/report-ui/static/shebei.png b/report-ui/static/shebei.png
new file mode 100644
index 00000000..9595424a
Binary files /dev/null and b/report-ui/static/shebei.png differ
diff --git a/report-ui/static/shijianxuanze.png b/report-ui/static/shijianxuanze.png
new file mode 100644
index 00000000..773a4b58
Binary files /dev/null and b/report-ui/static/shijianxuanze.png differ
diff --git a/report-ui/static/ship.png b/report-ui/static/ship.png
new file mode 100644
index 00000000..591c9ea0
Binary files /dev/null and b/report-ui/static/ship.png differ
diff --git a/report-ui/static/timg.jpg b/report-ui/static/timg.jpg
new file mode 100644
index 00000000..c530bf5a
Binary files /dev/null and b/report-ui/static/timg.jpg differ
diff --git a/report-ui/static/title.png b/report-ui/static/title.png
new file mode 100644
index 00000000..fd118d01
Binary files /dev/null and b/report-ui/static/title.png differ
diff --git a/report-ui/static/tuichu.png b/report-ui/static/tuichu.png
new file mode 100644
index 00000000..07edd82c
Binary files /dev/null and b/report-ui/static/tuichu.png differ
diff --git a/report-ui/static/wuxian.png b/report-ui/static/wuxian.png
new file mode 100644
index 00000000..3e75753a
Binary files /dev/null and b/report-ui/static/wuxian.png differ
diff --git a/report-ui/static/youyi.png b/report-ui/static/youyi.png
new file mode 100644
index 00000000..66e8aafd
Binary files /dev/null and b/report-ui/static/youyi.png differ
diff --git a/report-ui/static/zhexian.png b/report-ui/static/zhexian.png
new file mode 100644
index 00000000..8b8fa9ae
Binary files /dev/null and b/report-ui/static/zhexian.png differ
diff --git a/report-ui/static/zhongfengxian.png b/report-ui/static/zhongfengxian.png
new file mode 100644
index 00000000..9ddb954b
Binary files /dev/null and b/report-ui/static/zhongfengxian.png differ