新增工作日志项目;

.babelrc

+{
+  "presets": [
+    ["env", { "modules": false }],
+    "stage-2"
+  ],
+  "plugins": ["transform-runtime"],
+  "comments": false,
+  "env": {
+    "test": {
+      "presets": ["env", "stage-2"],
+      "plugins": [ "istanbul" ]
+    }
+  }
+}

.editorconfig

+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.eslintignore

+build/*.js
+config/*.js

.eslintrc.js

+// http://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parser: 'babel-eslint',
+  parserOptions: {
+    sourceType: 'module'
+  },
+  env: {
+    browser: true,
+  },
+  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+  extends: 'standard',
+  // required to lint *.vue files
+  plugins: [
+    'html'
+  ],
+  // add your custom rules here
+  'rules': {
+    // allow paren-less arrow functions
+    'arrow-parens': 0,
+    // allow async-await
+    'generator-star-spacing': 0,
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+  }
+}

.gitignore

+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+test/unit/coverage
+test/e2e/reports
+selenium-debug.log
+.idea

.postcssrc.js

+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    // to edit target browsers: use "browserlist" field in package.json
+    "autoprefixer": {}
+  }
+}

README.md

+# portal2.0-app-template
+
+> vue2.0
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+
+# build for production and view the bundle analyzer report
+npm run build --report
+
+# run unit tests
+npm run unit
+
+# run e2e tests
+npm run e2e
+
+# run all tests
+npm test
+```
+
+For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
+
+##未完成事项记录
+
+```$xslt
+列表中
+  留言
+  放弃  
+```

activemock.json

+{"mock":"part"}
\ No newline at end of file

build/build.js

+require('./check-versions')()
+
+process.env.NODE_ENV = 'production'
+
+var ora = require('ora')
+var rm = require('rimraf')
+var path = require('path')
+var chalk = require('chalk')
+var webpack = require('webpack')
+var config = require('../config')
+var webpackConfig = require('./webpack.prod.conf')
+
+var spinner = ora('building for production...')
+spinner.start()
+
+rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
+  if (err) throw err
+  webpack(webpackConfig, function (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')
+
+    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'
+    ))
+  })
+})

build/check-versions.js

+var chalk = require('chalk')
+var semver = require('semver')
+var packageConfig = require('../package.json')
+var shell = require('shelljs')
+function exec (cmd) {
+  return require('child_process').execSync(cmd).toString().trim()
+}
+
+var 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 () {
+  var warnings = []
+  for (var i = 0; i < versionRequirements.length; i++) {
+    var 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 (var i = 0; i < warnings.length; i++) {
+      var warning = warnings[i]
+      console.log('  ' + warning)
+    }
+    console.log()
+    process.exit(1)
+  }
+}

build/dev-client.js

+/* eslint-disable */
+require('eventsource-polyfill')
+var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
+
+hotClient.subscribe(function (event) {
+  if (event.action === 'reload') {
+    window.location.reload()
+  }
+})

build/dev-server.js

+require('./check-versions')()
+let proxyMock = require('express-proxy-mock')
+
+var config = require('../config')
+if (!process.env.NODE_ENV) {
+  process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
+}
+
+var opn = require('opn')
+var path = require('path')
+var express = require('express')
+var webpack = require('webpack')
+var proxyMiddleware = require('http-proxy-middleware')
+var webpackConfig = process.env.NODE_ENV === 'testing'
+  ? require('./webpack.prod.conf')
+  : require('./webpack.dev.conf')
+
+// default port where dev server listens for incoming traffic
+var port = process.env.PORT || config.dev.port
+// automatically open browser, if not set will be false
+var autoOpenBrowser = !!config.dev.autoOpenBrowser
+// Define HTTP proxies to your custom API backend
+// https://github.com/chimurai/http-proxy-middleware
+var proxyTable = config.dev.proxyTable
+
+var app = express()
+proxyMock(app)
+var compiler = webpack(webpackConfig)
+
+var devMiddleware = require('webpack-dev-middleware')(compiler, {
+  publicPath: webpackConfig.output.publicPath,
+  quiet: true
+})
+
+var hotMiddleware = require('webpack-hot-middleware')(compiler, {
+  log: () => {}
+})
+// force page reload when html-webpack-plugin template changes
+compiler.plugin('compilation', function (compilation) {
+  compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
+    hotMiddleware.publish({ action: 'reload' })
+    cb()
+  })
+})
+
+// proxy api requests
+Object.keys(proxyTable).forEach(function (context) {
+  var options = proxyTable[context]
+  if (typeof options === 'string') {
+    options = { target: options }
+  }
+  app.use(proxyMiddleware(options.filter || context, options))
+})
+
+// handle fallback for HTML5 history API
+// app.use(require('connect-history-api-fallback')())
+
+// serve webpack bundle output
+app.use(devMiddleware)
+
+// enable hot-reload and state-preserving
+// compilation error display
+app.use(hotMiddleware)
+
+// set a cookie
+app.use(function(req, res, next) {
+  res.cookie('vup_token', '321421343124', {maxAge: 99999999999999999})
+  next()
+})
+
+// serve pure static assets
+var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
+app.use(staticPath, express.static('./static'))
+
+var uri = 'http://localhost:' + port
+
+var _resolve
+var readyPromise = new Promise(resolve => {
+  _resolve = resolve
+})
+
+console.log('> Starting dev server...')
+devMiddleware.waitUntilValid(() => {
+  console.log('> Listening at ' + uri + '\n')
+  // when env is testing, don't need open it
+  if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
+    opn(uri)
+  }
+  _resolve()
+})
+
+var server = app.listen(port)
+
+module.exports = {
+  ready: readyPromise,
+  close: () => {
+    server.close()
+  }
+}

build/utils.js

+var path = require('path')
+var config = require('../config')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+
+exports.assetsPath = function (_path) {
+  var assetsSubDirectory = process.env.NODE_ENV === 'production'
+    ? config.build.assetsSubDirectory
+    : config.dev.assetsSubDirectory
+  return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function (options) {
+  options = options || {}
+
+  var cssLoader = {
+    loader: 'css-loader',
+    options: {
+      minimize: process.env.NODE_ENV === 'production',
+      sourceMap: options.sourceMap
+    }
+  }
+
+  // generate loader string to be used with extract text plugin
+  function generateLoaders (loader, loaderOptions) {
+    var loaders = [cssLoader]
+    if (loader) {
+      loaders.push({
+        loader: loader + '-loader',
+        options: Object.assign({}, loaderOptions, {
+          sourceMap: options.sourceMap
+        })
+      })
+    }
+
+    // Extract CSS when that option is specified
+    // (which is the case during production build)
+    if (options.extract) {
+      return ExtractTextPlugin.extract({
+        use: loaders,
+        fallback: 'vue-style-loader'
+      })
+    } else {
+      return ['vue-style-loader'].concat(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').concat(
+      {
+        loader: 'sass-resources-loader',
+        options: {
+          resources: [
+            path.resolve(__dirname, '../node_modules/sass-bem/_bem.scss'),
+            path.resolve(__dirname, '../node_modules/compass-mixins/lib/_compass.scss'),
+            path.resolve(__dirname, '../src/theme/var.scss')
+          ]
+        }
+      }
+    ),
+    stylus: generateLoaders('stylus'),
+    styl: generateLoaders('stylus')
+  }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function (options) {
+  var output = []
+  var loaders = exports.cssLoaders(options)
+  for (var extension in loaders) {
+    var loader = loaders[extension]
+    output.push({
+      test: new RegExp('\\.' + extension + '$'),
+      use: loader
+    })
+  }
+  return output
+}

build/vue-loader.conf.js

+var utils = require('./utils')
+var config = require('../config')
+var isProduction = process.env.NODE_ENV === 'production'
+
+module.exports = {
+  loaders: utils.cssLoaders({
+    sourceMap: isProduction
+      ? config.build.productionSourceMap
+      : config.dev.cssSourceMap,
+    extract: isProduction
+  })
+}

build/webpack.base.conf.js

+var path = require('path')
+var utils = require('./utils')
+var config = require('../config')
+var vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+module.exports = {
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src')
+    }
+  },
+  externals: {
+    'vis-portal': 'VupPortalSdk.vueAppDevSdk',
+    'jquery': 'VupPortalSdk.vueAppDevSdk.jQuery',
+    'vue': 'VupPortalSdk.vueAppDevSdk.Vue',
+    'vue-bus': 'VupPortalSdk.vueAppDevSdk.vueBus',
+    'bowser': 'VupPortalSdk.vueAppDevSdk.bowser',
+    'browser-cookie': 'VupPortalSdk.vueAppDevSdk.cookie',
+    'vue-router': 'VupPortalSdk.vueAppDevSdk.vueRouter',
+    'element-ui': 'VupPortalSdk.vueAppDevSdk.elementui',
+    'vue-cache-data': 'VupPortalSdk.vueAppDevSdk.VueCacheData',
+    'create-requestor': 'VupPortalSdk.vueAppDevSdk.createRequestor'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(js|vue)$/,
+        loader: 'eslint-loader',
+        enforce: 'pre',
+        include: [resolve('src'), resolve('test')],
+        options: {
+          formatter: require('eslint-friendly-formatter')
+        }
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  }
+}

build/webpack.dev.conf.js

+var utils = require('./utils')
+var webpack = require('webpack')
+var config = require('../config')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.base.conf')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+
+// add hot-reload related code to entry chunks
+Object.keys(baseWebpackConfig.entry).forEach(function (name) {
+  baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])
+})
+
+module.exports = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
+  },
+  // cheap-module-eval-source-map is faster for development
+  devtool: '#cheap-module-eval-source-map',
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': config.dev.env
+    }),
+    // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NoEmitOnErrorsPlugin(),
+    // https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: 'index.ejs',
+      inject: true
+    }),
+    new FriendlyErrorsPlugin()
+  ]
+})

build/webpack.prod-nohash.conf.js

+var prodWebpackConfig = require('./webpack.prod.conf')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var merge = require('webpack-merge')
+var utils = require('./utils')
+
+var webpackConfig = merge(prodWebpackConfig, {
+  output: {
+    filename: utils.assetsPath('js/[name].js'),
+    chunkFilename: utils.assetsPath('js/[id].js')
+  }
+})
+webpackConfig.plugins.splice(2, 1, new ExtractTextPlugin({
+  filename: utils.assetsPath('css/[name].css')
+})
+)
+module.exports = webpackConfig

build/webpack.prod.conf.js

+var path = require('path')
+var utils = require('./utils')
+var webpack = require('webpack')
+var config = require('../config')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.base.conf')
+var CopyWebpackPlugin = require('copy-webpack-plugin')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
+
+var env = process.env.NODE_ENV === 'testing'
+  ? require('../config/test.env')
+  : config.build.env
+
+var webpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({
+      sourceMap: config.build.productionSourceMap,
+      extract: true
+    })
+  },
+  devtool: config.build.productionSourceMap ? '#source-map' : false,
+  output: {
+    path: config.build.assetsRoot,
+    filename: utils.assetsPath('js/[name].[chunkhash].js'),
+    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+  },
+  plugins: [
+    // http://vuejs.github.io/vue-loader/en/workflow/production.html
+    new webpack.DefinePlugin({
+      'process.env': env
+    }),
+    new webpack.optimize.UglifyJsPlugin({
+      compress: {
+        warnings: false
+      },
+      sourceMap: true
+    }),
+    // extract css into its own file
+    new ExtractTextPlugin({
+      filename: utils.assetsPath('css/[name].[contenthash].css')
+    }),
+    // Compress extracted CSS. We are using this plugin so that possible
+    // duplicated CSS from different components can be deduped.
+    new OptimizeCSSPlugin({
+      cssProcessorOptions: {
+        safe: true
+      }
+    }),
+    // 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: process.env.NODE_ENV === 'testing'
+        ? 'index.html'
+        : config.build.index,
+      template: 'index.html',
+      inject: true,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeAttributeQuotes: true
+        // more options:
+        // https://github.com/kangax/html-minifier#options-quick-reference
+      },
+      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+      chunksSortMode: 'dependency'
+    }),
+    // split vendor js into its own file
+    // new webpack.optimize.CommonsChunkPlugin({
+    //   name: 'vendor',
+    //   minChunks: function (module, count) {
+    //     // any required modules inside node_modules are extracted to vendor
+    //     return (
+    //       module.resource &&
+    //       /\.js$/.test(module.resource) &&
+    //       module.resource.indexOf(
+    //         path.join(__dirname, '../node_modules')
+    //       ) === 0
+    //     )
+    //   }
+    // }),
+    // extract webpack runtime and module manifest to its own file in order to
+    // prevent vendor hash from being updated whenever app bundle is updated
+    // new webpack.optimize.CommonsChunkPlugin({
+    //   name: 'manifest',
+    //   chunks: ['vendor']
+    // }),
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.build.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ]
+})
+
+if (config.build.productionGzip) {
+  var 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.bundleAnalyzerReport) {
+  var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+  webpackConfig.plugins.push(new BundleAnalyzerPlugin())
+}
+
+module.exports = webpackConfig

build/webpack.test.conf.js

+// This is the webpack config used for unit tests.
+
+var utils = require('./utils')
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var baseConfig = require('./webpack.base.conf')
+
+var webpackConfig = merge(baseConfig, {
+  // use inline sourcemap for karma-sourcemap-loader
+  module: {
+    rules: utils.styleLoaders()
+  },
+  devtool: '#inline-source-map',
+  resolveLoader: {
+    alias: {
+      // necessary to to make lang="scss" work in test when using vue-loader's ?inject option 
+      // see discussion at https://github.com/vuejs/vue-loader/issues/724
+      'scss-loader': 'sass-loader'
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': require('../config/test.env')
+    })
+  ]
+})
+
+// no need for app entry during tests
+delete webpackConfig.entry
+
+module.exports = webpackConfig

config/dev.env.js

+var merge = require('webpack-merge')
+var prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+  NODE_ENV: '"development"',
+  API_HOST: '"http://vue.jinchangxiao.com"',
+  API_PORT: '""',
+  JANUS_HOST: '""',
+  JANUS_PORT: '""'
+})

config/index.js

+// see http://vuejs-templates.github.io/webpack for documentation.
+var path = require('path')
+
+module.exports = {
+  build: {
+    env: require('./prod.env'),
+    index: path.resolve(__dirname, '../dist/index.html'),
+    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    productionSourceMap: true,
+    // 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
+  },
+  dev: {
+    env: require('./dev.env'),
+    port: 8887,
+    autoOpenBrowser: true,
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    proxyTable: {},
+    // 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
+  }
+}

config/prod.env.js

+module.exports = {
+  NODE_ENV: '"production"',
+  API_HOST: '""',
+  API_PORT: '""',
+  JANUS_HOST: '""',
+  JANUS_PORT: '""'
+}

config/test.env.js

+var merge = require('webpack-merge')
+var devEnv = require('./dev.env')
+
+module.exports = merge(devEnv, {
+  NODE_ENV: '"testing"'
+})

exchangeMockData.js

+const fs = require('fs')
+
+if (!fs.existsSync('./mockData')) {
+  fs.mkdirSync('./mockData')
+}
+
+if (!fs.existsSync('./test/data')) {
+  console.log('没有可迁移数据')
+  return
+}
+console.log('数据迁移中..')
+
+exchangeFiles('./test/data')
+
+function parseUrlToName (url) {
+  return url.split('/').map(item => firstUpperCase(item)).join('')
+}
+
+function firstUpperCase (str) {
+  return str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase());
+}
+
+function exchangeFiles (path) {
+  const files = fs.readdirSync(path)
+  files.forEach(item => {
+    let newPath = path + '/' + item
+    let stat = fs.lstatSync(newPath)
+    if (stat.isDirectory()) {
+      exchangeFiles(newPath)
+    } else {
+      if (item.includes('json')) {
+        const file = fs.readFileSync(newPath)
+        const data = JSON.parse(file)
+        data.forEach(itemData => {
+          if (itemData.response && itemData.response['json']) {
+            let name = parseUrlToName(itemData.request.uri).replace('-', '')
+            let newData = {
+              url: itemData.request.uri,
+              data: itemData.response.json,
+              name: name
+            }
+            fs.writeFileSync(`mockData/${name}.json`, JSON.stringify(newData, null, 2))
+            console.log(`mockData/${name}.json,迁移完成`)
+          }
+        })
+      }
+    }
+  })
+}
+console.log(`全部迁移完成`)

index.ejs

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>portal2.0-template</title>
+  <!-- font icon css -->
+  <link rel="stylesheet" href="./static/css/font-awesome.min.css">
+  <!-- Sdk -->
+  <script src="./static/vupVueSdk.js"></script>
+  <link rel="stylesheet" href="./static/vupVueSdk.css">
+  <script>
+    (function () {
+      if (window.VupPortalSdk.vueAppDevSdk) {
+        console.log(window.VupPortalSdk.vueAppDevSdk)
+        var portal = VupPortalSdk.vueAppDevSdk
+        var $ = portal.jQuery
+        var portalName = 'work-log'
+
+        var menuConfig = {
+          menus: [
+            {
+              "icon": "fa-book",
+              "isRouteShow": 1,
+              "title": "工作日志",
+              "appName": portalName,
+              "url": "/list"
+            },
+            {
+              "icon": "fa-book",
+              "isRouteShow": 1,
+              "title": "test",
+              "appName": portalName,
+              "url": "/test"
+            }
+          ],
+          homePage: {
+            appName: portalName,
+            url: '/list'
+          }
+        }
+
+        $(document).ready(function () {
+          portal.setMenu(menuConfig.menus)
+
+          portal.initPortalForDev({
+            homePage: menuConfig.homePage
+          })
+        })
+      }
+    })()
+  </script>
+</head>
+<body>
+<div id="portalApp"></div>
+</body>
+</html>

index.html

+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>portal2.0-app-template</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

itemProxy.json

+[{"url":"http://vue.jinchangxiao.com","target":"http://localhost:8886","hasProxy":true,"ignorePath":false}]

mockData/VueScheduleList.json

+{
+  "data": [
+    {
+      "name": "请求参数1",
+      "requestData": {},
+      "responseData": {
+        "code": 200,
+        "msg": "获取成功",
+        "result": [
+          {
+            "name": "name"
+          }
+        ]
+      }
+    }
+  ],
+  "name": "获取待办事项",
+  "url": "/vue/schedule/list",
+  "duration": 1000
+}
\ No newline at end of file

package.json

+{
+  "name": "portal2.0-app-template",
+  "version": "1.0.0",
+  "description": "vue2.0",
+  "author": "Huai.Li <Huai.Li@vipshop.com>",
+  "private": true,
+  "scripts": {
+    "dev": "node build/dev-server.js",
+    "start": "node build/dev-server.js",
+    "build": "node build/build.js",
+    "build-test": "rimraf dist && cross-env NODE_ENV=production webpack --progress --hide-modules --config build/webpack.prod-nohash.conf.js",
+    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
+    "e2e": "node test/e2e/runner.js",
+    "test": "npm run unit && npm run e2e",
+    "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs",
+    "moco": "cd test/data && java -jar moco.jar start -g settings.json -p 13009 && cd -"
+  },
+  "dependencies": {
+    "express-proxy-mock": "^1.2.12",
+    "sass-bem": "^2.6.5",
+    "sass-resources-loader": "^2.0.0",
+    "viewerjs": "^1.3.2",
+    "vis-requestor": "^1.0.11"
+  },
+  "devDependencies": {
+    "autoprefixer": "^6.7.2",
+    "babel-core": "^6.22.1",
+    "babel-eslint": "^7.1.1",
+    "babel-loader": "^6.2.10",
+    "babel-plugin-istanbul": "^4.1.1",
+    "babel-plugin-transform-runtime": "^6.22.0",
+    "babel-preset-env": "^1.3.2",
+    "babel-preset-stage-2": "^6.22.0",
+    "babel-register": "^6.22.0",
+    "chalk": "^1.1.3",
+    "connect-history-api-fallback": "^1.3.0",
+    "copy-webpack-plugin": "^4.0.1",
+    "cross-env": "^4.0.0",
+    "cross-spawn": "^5.0.1",
+    "css-loader": "^0.28.0",
+    "eslint": "^3.19.0",
+    "eslint-config-standard": "^6.2.1",
+    "eslint-friendly-formatter": "^2.0.7",
+    "eslint-loader": "^1.7.1",
+    "eslint-plugin-html": "^2.0.0",
+    "eslint-plugin-promise": "^3.4.0",
+    "eslint-plugin-standard": "^2.0.1",
+    "eventsource-polyfill": "^0.9.6",
+    "express": "^4.14.1",
+    "extract-text-webpack-plugin": "^2.0.0",
+    "file-loader": "^0.11.1",
+    "friendly-errors-webpack-plugin": "^1.1.3",
+    "jquery": "^2.2.4",
+    "html-webpack-plugin": "^2.28.0",
+    "http-proxy-middleware": "^0.17.3",
+    "inject-loader": "^3.0.0",
+    "lolex": "^1.5.2",
+    "node-sass": "^4.5.3",
+    "opn": "^4.0.2",
+    "optimize-css-assets-webpack-plugin": "^1.3.0",
+    "ora": "^1.2.0",
+    "phantomjs-prebuilt": "^2.1.14",
+    "rimraf": "^2.6.0",
+    "sass-loader": "^4.0.2",
+    "semver": "^5.3.0",
+    "shelljs": "^0.7.6",
+    "url-loader": "^0.5.8",
+    "vue-loader": "^12.1.0",
+    "vue-style-loader": "^3.0.1",
+    "vue-template-compiler": "^2.3.3",
+    "webpack": "^2.6.1",
+    "webpack-bundle-analyzer": "^2.2.1",
+    "webpack-dev-middleware": "^1.10.0",
+    "webpack-hot-middleware": "^2.18.0",
+    "webpack-merge": "^4.1.0"
+  },
+  "engines": {
+    "node": ">= 4.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}

proxies.json

+[{"host":"http://vue.jinchangxiao.com/vue?duplextrans","port":"","name":"测试"}]
\ No newline at end of file

proxy.json

+{"host":"","port":"","id":"","name":""}
\ No newline at end of file

src/ajax-janus.js

+import createRequestor from 'create-requestor'
+import { default as API } from '@/api'
+
+let config = {
+  ajaxOption: {
+    method: 'POST',
+    dataType: 'json',
+    contentType: 'application/json',
+    xhrFields: {
+      withCredentials: true
+    }
+  },
+
+  token: {
+    checkBeforeSend: true,
+    addToHeader: false,
+    cookieName: 'vup_token',
+    headerName: 'X-Token'
+  },
+
+  resultCode: {
+    SESSION_EXPIRED: 401,
+    SUCCEED: 200
+  },
+
+  urlOption: {
+    host: API.option.hostJanus,
+    port: API.option.portJanus,
+    base: ''
+  },
+
+  // alert: function (msg) {
+  // },
+
+  failedMsg: '请求失败，请稍后重试!'
+}
+
+let ajax = createRequestor(config)
+
+export function requestAPI (option, data) {
+  let params = { data: JSON.stringify(data) }
+  return ajax.requestAPI(option, params)
+}
+
+export function requestWithJsonAPI (option, data) {
+  return ajax.requestAPI(option, data)
+}
+
+export function requestJanusAPI (option, data) {
+  return ajax.requestJanusAPI(option, data)
+}

src/ajax-upload.js

+import createRequestor from 'create-requestor'
+import {default as API} from 'src/api'
+let config = {
+  ajaxOption: {
+    method: 'POST',
+    dataType: 'json',
+    contentType: 'application/x-www-form-urlencoded; charset=UTF-8'
+  },
+
+  token: {
+    checkBeforeSend: true,
+    addToHeader: false,
+    cookieName: 'vup_token',
+    headerName: 'X-Token'
+  },
+
+  resultCode: {
+    SESSION_EXPIRED: 401,
+    SUCCEED: 200
+  },
+
+  urlOption: {
+    host: API.option.host,
+    port: API.option.port,
+    base: ''
+  },
+
+  // alert: function (msg) {
+  //   bootbox.alert(msg)
+  // },
+
+  failedMsg: '请求失败，请稍后重试!'
+}
+
+let ajax = createRequestor(config)
+
+export function requestAPIUpload (option, data) {
+  return ajax.requestAPI(option, data)
+}

src/ajax.js

+import createRequestor from 'create-requestor'
+import { default as API } from '@/api'
+const usingJSONP = process.env.NODE_ENV !== 'production'
+let config = {
+  ajaxOption: {
+    method: usingJSONP ? 'GET' : 'POST',
+    dataType: 'json',
+    contentType: 'application/x-www-form-urlencoded; charset=UTF-8'
+  },
+
+  token: {
+    checkBeforeSend: false,
+    addToHeader: false,
+    cookieName: 'vup_token',
+    headerName: 'X-Token'
+  },
+
+  resultCode: {
+    SESSION_EXPIRED: 401,
+    SUCCEED: 2000
+  },
+
+  urlOption: {
+    host: API.option.host,
+    port: API.option.port,
+    base: ''
+  },
+
+  // alert: function (msg) {
+  // },
+
+  failedMsg: '请求失败，请稍后重试!'
+}
+
+let ajax = createRequestor(config)
+
+let setUrlK = (ojson) => {
+  let params = ''
+  Object.keys(ojson).forEach(item => {
+    params += '&' + encodeURIComponent(item) + '=' + ojson[item]
+  })
+  return params
+}
+
+export function requestAPI (option, data) {
+  let params = { data: JSON.stringify(data) }
+  return ajax.requestAPI(option, params)
+}
+
+export function requestWithJsonAPI (option, data) {
+  let url = option.url
+  if (usingJSONP) {
+    url += '?duplextrans'
+    if (data) {
+      url += setUrlK(data.data)
+      data = {}
+    }
+  }
+  return ajax.requestAPI(Object.assign({}, option, {url}), data)
+}
+
+export function requestJanusAPI (option, data) {
+  return ajax.requestJanusAPI(option, data)
+}

src/api.js

+import ElementApi from './apis/workLog'
+const usingJSONP = process.env.NODE_ENV !== 'production'
+const API_HOST = process.env.API_HOST
+const API_PORT = process.env.API_PORT
+const JANUS_HOST = process.env.JANUS_HOST
+const JANUS_PORT = process.env.JANUS_PORT
+
+const option = {
+  tokenKey: '__token__',
+  sessionExpiredCode: 401,
+  loginUrl: '/logout.php',
+  host: API_HOST,
+  port: API_PORT,
+  hostJanus: JANUS_HOST,
+  portJanus: JANUS_PORT,
+  baseUrl: '',
+  ajax: {
+    method: usingJSONP ? 'GET' : 'POST',
+    dataType: 'json',
+    getQuery: usingJSONP ? '?duplextrans' : '',
+    contentType: 'application/x-www-form-urlencoded; charset=UTF-8'
+  }
+}
+
+let apis = {}
+apis = Object.assign(apis, ElementApi)
+
+export default {
+  option,
+  ...apis
+}

src/apis/workLog.js

+// const urlEnd = process.env.NODE_ENV !== 'production' ? '?duplextrans' : ''
+export default {
+  // 获取列表筛选条件
+  getFilter: {
+    url: '/vue/work-log/get-filter'
+  },
+  // 获取列表
+  getWorkLogList: {
+    url: '/vue/work-log/list'
+  }
+}

src/assets/css/app.css

+
+/*# sourceMappingURL=app.css.map */

src/assets/css/app.css.map

+{
+"version": 3,
+"mappings": "",
+"sources": [],
+"names": [],
+"file": "app.css"
+}
\ No newline at end of file

src/assets/css/app.scss

+.element-app {
+  .mb20 {
+    margin-bottom:20px; 
+  }
+}

src/assets/js/AMap.js

+export default function MapLoader () {   // <-- 原作者这里使用的是module.exports
+  return new Promise((resolve, reject) => {
+    if (window.AMap) {
+      resolve(window.AMap)
+    } else {
+      var script = document.createElement('script')
+      script.type = 'text/javascript'
+      script.async = true
+      script.src = 'https://webapi.amap.com/maps?v=1.4.5&callback=initAMap&key=bd93b8717b90a76200dac805a0cf7e53'
+      script.onerror = reject
+      document.head.appendChild(script)
+    }
+    window.initAMap = () => {
+      resolve(window.AMap)
+    }
+  })
+}

src/common/app_cache.js

+import VueCacheData from 'vue-cache-data'
+
+let AppCache = new VueCacheData()
+
+import { requestAPI, api } from '@/lib/commonMixin'
+AppCache.add('queryCount', {}, function (onSucc, onFail) {
+  requestAPI(api.queryContent, {}).then((result) => {
+    onSucc(result)
+  }, onFail)
+})
+
+AppCache.init()
+
+export default AppCache

src/common/queryTable/index.js

+import {
+  requestAPI,
+  api
+} from '@/lib/commonMixin'
+import Breadcrumb from '../unit/Breadcrumb.vue'
+import VTable from '../unit/VTable.vue'
+
+function getDefault (vm, key, def) {
+  let value = def
+  if (vm.$route.query[key]) value = vm.$route.query[key]
+  if (vm.rule.pageSize) value = vm.rule.pageSize
+  return parseInt(value)
+}
+
+export default {
+  components: {
+    Breadcrumb,
+    VTable
+  },
+  data () {
+    return {
+      loading: false,
+      post: null,
+      error: null,
+      tableData: {},
+      formData: {}
+    }
+  },
+  created () {
+    // 组件创建完后获取数据，
+    // 此时 data 已经被 observed 了
+    this.formData = Object.assign(this.formData, this.$route.query)
+    this.fetchData()
+  },
+  mounted () {
+  },
+  watch: {
+    // 如果路由有变化，会再次执行该方法
+    '$route': function () {
+      this.fetchData()
+    }
+  },
+  methods: {
+    fetchData () {
+      this.error = this.post = null
+      this.loading = true
+      let query = {
+        pageIndex: getDefault(this, 'pageIndex', 1),
+        pageSize: getDefault(this, 'pageSize', 20)
+      }
+      query = Object.assign({}, query, this.$route.query)
+      if (query.t) delete query.t
+      // replace getPost with your data fetching util / API wrapper
+      requestAPI(api[this.$options.options.api], query)
+        .then((res) => {
+          this.tableData = res
+          this.loading = false
+        })
+        .catch((res) => {
+          this.listLoading = false
+        })
+    },
+    query () {
+      let query = Object.assign({}, this.$route.query, this.formData, {t: +new Date()})
+      this.$router.push({query})
+    }
+  }
+}

src/common/unit/Breadcrumb.vue

+<template>
+  <el-breadcrumb style="padding-bottom: 0px; margin-bottom: 20px;" separator="/">
+    <el-breadcrumb-item v-for="t of titleAry">{{t}}</el-breadcrumb-item>
+  </el-breadcrumb>
+</template>
+<script>
+  export default {
+    props: {
+      title: {
+        require: true,
+        type: String
+      }
+    },
+    computed: {
+      titleAry () {
+        return this.title.split('/')
+      }
+    }
+  }
+</script>
+<style>
+</style>

src/common/unit/VTable.vue

+<template>
+  <div>
+    <el-table :data="data.list" highlight-current-row v-loading="rule.loading" @selection-change="selectionChange"
+              style="width: 100%;">
+      <el-table-column v-if="this.rule.selectionChange" type="selection">
+      </el-table-column>
+      <template v-for="item in rule.list">
+        <el-table-column v-if="!item.slots" :label="item.label" :width="item.width" :formatter="formatter(item)"
+                         :type="item.type">
+        </el-table-column>
+        <el-table-column v-if="item.slots" :label="item.label" :width="item.width">
+          <template scope="scope" :item="item" :handle="handle">
+            <template v-for="slot in item.slots">
+              <el-button v-if="slot.type=='btn' || !slot.type" :type="slot.btnType" size="small"
+                         @click="handle(scope.row, scope.$index, slot)">{{slot.text}}
+              </el-button>
+              <a v-if="slot.type=='link'" :href="href(slot.href, scope.row)">{{slot.text}}</a>
+            </template>
+          </template>
+        </el-table-column>
+      </template>
+    </el-table>
+    <el-pagination
+      class="pagination"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="pageIndex"
+      :page-sizes="rule.pageSizes?rule.pageSizes:pageSizes"
+      :page-size="pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="data.total"></el-pagination>
+  </div>
+</template>
+<script>
+  export default{
+    props: {
+      rule: {
+        require: true,
+        type: Object
+      },
+      data: {
+        require: true,
+        type: [Object]
+      }
+    },
+    data: function () {
+      function getDefault (vm, key, def) {
+        let value = def
+        if (vm.$route.query[key]) value = vm.$route.query[key]
+        if (vm.rule.pageSize) value = vm.rule.pageSize
+        return parseInt(value)
+      }
+      return {
+        pageSizes: [20, 50, 100, 200],
+        pageSize: getDefault(this, 'pageSize', 20),
+        pageIndex: getDefault(this, 'pageIndex', 1)
+      }
+    },
+    methods: {
+      selectionChange (sels) {
+        if (this.rule.selectionChange) this.rule.selectionChange(sels)
+      },
+      formatter: function (item) {
+        if (item.formatter) return item.formatter
+        return function (row, column) {
+          if (item.exchange) {
+            return item.exchange[row.sex]
+          }
+          return row[item.prop]
+        }
+      },
+      handle (row, index, item) {
+        if (item.click) item.click(row, index)
+      },
+      href (href, row) {
+        if (typeof href === 'string') return href
+        if (typeof href === 'function') return href(row)
+      },
+      handleCurrentChange (pageIndex) {
+        this.updateRoute({pageIndex})
+      },
+      handleSizeChange (pageSize) {
+        this.updateRoute({pageSize})
+      },
+      updateRoute (obj) {
+        let query = this.$route.query
+        query = Object.assign({}, query, obj)
+        this.$router.push({query})
+      }
+    }
+  }
+</script>
+<style scope>
+ .pagination {
+   margin-top: 10px;
+ }
+</style>

src/components/common/buttonHeader.vue

+<template>
+  <el-col :span="12" class="header-search">
+    <div class="pull-right search-form">
+      <el-button type="primary" size="mini" @click="targetFun">
+        <i class="fa fa-edit faa-pulse animated"></i> {{buttonTitle}}
+      </el-button>
+    </div>
+  </el-col>
+</template>
+
+<script>
+  export default {
+    name: '',
+    data () {
+      return {}
+    },
+    methods: {
+      targetFun () {
+        this.editClient()
+      }
+    },
+    props: ['editClient', 'buttonTitle'],
+    created () {
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

src/components/common/clientHeader.vue

+<template>
+  <div>
+    <el-row :gutter="10" class="header-title">
+      <el-col :span="titleSpan">
+        <h2>{{title}}</h2>
+      </el-col>
+      <component :is="type + 'Header'"
+                 :ref="type + 'Header'"
+                 :add-new-user="addNewUser"
+                 :search-keyword="searchKeyword"
+                 :search-key="searchKey"
+                 :edit-client="editClient"
+                 :button-title="buttonTitle"
+                 :key-code="keyCode"
+                 :model="model" v-if="type !== ''"></component>
+    </el-row>
+  </div>
+</template>
+
+<script>
+  import {blockHeadObj} from './viewHelper'
+
+  export default {
+    name: 'client-header',
+    data () {
+      return {}
+    },
+    components: {
+      ...blockHeadObj
+    },
+    methods: {},
+    props: [
+      'title',
+      'titleSpan',
+      'searchKey',
+      'type',
+      'addNewUser',
+      'searchKeyword',
+      'buttonTitle',
+      'editClient',
+      'model',
+      'keyCode'],
+    created () {
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

src/components/common/clientViewNav.vue

+<template>
+    <section class="client-nav">
+      <router-link v-for="(nav, key) in navs"
+                   :key="key"
+                   :to="{name: nav.routerName, params: {id: $route.params.id}}"
+      :class="['btn', 'btn-default', 'btn-sm', {'btn-info': routeName === nav.routerName}, {'disabled': routeName === nav.routerName}]">
+        <i :class="['fa', 'fa-fw',nav.icon]"></i>
+        {{nav.title}}
+      </router-link>
+      <a @click.prevent="triggerNav" class="btn btn-default btn-sm el-button--primary">
+        <i class="fa fa-fw fa-plus"></i> 新建工作日志
+      </a>
+    </section>
+</template>
+
+<script>
+  import { navs } from '../../lib/constant'
+  export default {
+    name: '',
+    data () {
+      return {
+        navs: navs(),
+        routeName: ''
+      }
+    },
+    methods: {
+      triggerNav () {
+        this.trigger()
+      }
+    },
+    props: ['trigger'],
+    created () {
+    },
+    mounted () {
+      this.routeName = this.$route.name.split('-')[1]
+    }
+  }
+</script>
+
+<style scoped>
+  .client-nav{
+    margin: 0px 0 15px 0;
+  }
+  .client-nav a{
+    margin-right: 4px;
+    padding: 3.5px 7px;
+  }
+  .client-nav a:nth-last-child(2){
+    margin-right: 0;
+  }
+  .client-nav a i{
+    font-size: 14px;
+  }
+  .btn-info.disabled{
+    color: #fff;
+    background-color: #17a2b8;
+    border-color: #17a2b8;
+  }
+</style>

src/components/common/keywordHeader.vue

+<template>
+  <el-col :span="18" class="header-search">
+    <el-form ref="form" :model="model" size="mini" label-width="0">
+      <div class="pull-right search-form">
+        <el-form-item v-if="searchKey">
+          <el-input size="mini" v-model="model[(searchKey + '[' + keyCode + ']')]" placeholder="关键词">
+            <el-button slot="append" type="primary" @click="searchKeyword">搜索</el-button>
+          </el-input>
+        </el-form-item>
+        <el-form-item v-if="searchKey">
+          <el-button type="primary" size="mini" @click="addNewUser">
+            <i class="fa fa-plus faa-pulse animated"></i> {{buttonTitle}}
+          </el-button>
+        </el-form-item>
+        <el-form-item v-if="searchKey">
+          <a class="btn">
+            <i class="fa fa-fw fa-refresh faa-spin animated-hover"></i>
+          </a>
+        </el-form-item>
+      </div>
+    </el-form>
+  </el-col>
+</template>
+
+<script>
+  export default {
+    name: '',
+    data () {
+      return {}
+    },
+    methods: {
+      // searchKeyword () {
+      //   this.$emit('update:searchKeyword')
+      // },
+      // addNew () {
+      //   this.$emit('update:addNew')
+      // }
+    },
+    props: ['model', 'searchKey', 'keyCode', 'buttonTitle', 'searchKeyword', 'addNewUser'],
+    created () {
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

src/components/common/leaveModule.vue

+<template>
+  <transition name="move" v-on:after-enter="afterEnter" :duration="{ enter: 500, leave: 0 }">
+    <section class="lm-content" v-show="is">
+      <el-row class="lm-header">
+        <el-col :span="2">
+          <i class="fa fa-angle-double-right" @click.prevent="isClose"></i>
+        </el-col>
+        <el-col :span="22" class="lm-content-leaveMessage">
+          <span>{{title}}</span>
+        </el-col>
+      </el-row>
+      <div class="page-body-content leaveMessage">
+        <el-row>
+          <el-col :span="24">
+            <component :is="pageName" :ref="pageName" @update:close="isClose"></component>
+          </el-col>
+        </el-row>
+      </div>
+    </section>
+  </transition>
+</template>
+
+<script>
+  import {clientObj} from './viewHelper'
+
+  export default {
+    name: '',
+    data () {
+      return {
+        is: false,
+        pageName: '',
+        title: '',
+        propData: {}
+      }
+    },
+    components: {
+      ...clientObj
+    },
+    methods: {
+      isClose () {
+        this.$el.querySelector('.page-body-content').scrollTop = 0
+        this.is = false
+      },
+      isShow (title, pageName, data) {
+        this.is = true
+        this.title = title
+        this.pageName = pageName
+        this.propData = data
+      },
+      afterEnter () {
+        this.$refs[this.pageName].init(this.propData)
+      }
+    },
+    created () {
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .page-body-content {
+    & .actionBox {
+      padding: 10px 0;
+      & .commentList {
+        padding: 0;
+        list-style: none;
+        li {
+          margin: 0;
+          margin-top: 10px;
+          list-style: none;
+        }
+        & .commenterImage {
+          width: 48px;
+          margin-right: 5px;
+          height: 100%;
+          float: left;
+          img {
+            width: 100%;
+            border-radius: 50%;
+          }
+        }
+        & .commentText {
+          padding: 0 0 10px;
+          margin-left: 60px;
+          & .comment-title {
+            color: #fff;
+            padding: 10px 10px 8px;
+            margin: 0;
+            background-color: #5a6277;
+            border-top-right-radius: 4px;
+            border-top-left-radius: 4px;
+            font-size:12px;
+          }
+          & .addcomment {
+            color: white;
+          }
+          & .removecomment {
+            color: white;
+          }
+          & a {
+            .fa-fw {
+              color: white;
+              font-size:12px;
+              text-align: center;
+            }
+          }
+          & .sub-text {
+            background-color: #5a6277;
+            color: #fff;
+            font-size: 12px;
+            padding: 10px;
+          }
+        }
+      }
+    }
+
+    & .detailBox {
+      margin: 0;
+      min-height: 100%;
+      & .titleBox {
+        padding: 10px;
+        background: #4e5365;
+        -webkit-border-radius: 4px;
+        -moz-border-radius: 4px;
+        border-radius: 4px;
+        & .commentText {
+          padding: 0 0 10px;
+          & .sub-text {
+            & .el-row {
+              font-size: 12px;
+              .el-col:first-child {
+                text-align: right;
+                font-weight:700;
+                padding-left: 15px;
+                padding-right: 15px;
+                margin-bottom: 3px;
+              }
+              .el-col:last-child {
+                padding-left: 15px;
+                padding-right: 15px;
+                margin-bottom: 3px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  .lm-content {
+    position: fixed;
+    top: 100px;
+    right: 0;
+    bottom: 0;
+    // height: 100%;
+    padding-bottom: 30px;
+    width: 60%;
+    background-color: #333744;
+    color: white;
+    font-size: 14px;
+    z-index: 1;
+    .lm-header{
+      border-bottom: 1px solid #fff;
+      height: 32px;
+    }
+    .lm-content-leaveMessage{
+      /*line-height: 32px;*/
+
+      & > span {
+        vertical-align: middle;
+        display: inline-block;
+        border-left: 2px solid #fff;
+        padding: 0 0 0 8px;
+        margin-top: 6px;
+      }
+    }
+    & .content {
+      width: 100%;
+    }
+
+    & i[class~=fa-angle-double-right] {
+      cursor: pointer;
+      font-size: 20px;
+      margin: 5px 10px 6px;
+    }
+
+    & .form-inline {
+      display: -ms-flexbox;
+      display: flex;
+      -ms-flex-flow: row wrap;
+      flex-flow: row wrap;
+      -ms-flex-align: center;
+      align-items: center;
+
+      & .input-group {
+        position: relative;
+        display: -ms-flexbox;
+        display: flex;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+        -ms-flex-align: stretch;
+        align-items: stretch;
+        width: 100%;
+        margin-top: 10px;
+
+        & .form-control {
+          position: relative;
+          -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
+          width: 1%;
+          margin-bottom: 0;
+        }
+
+        & .comment-input {
+          height: 28px;
+        }
+      }
+    }
+  }
+
+  .move-enter-active, .move-leave-active {
+    transition: all 0.5s ease;
+    transform: trandslate3d(0, 0, 0);
+  }
+
+  .move-enter, .move-leave {
+    transform: translate3d(100%, 0, 0);
+  }
+</style>

src/components/common/multipleInput.vue

+<template>
+  <section class="multiple-input">
+    <el-row :gutter="10">
+      <el-col :span="4" :class="['client-label', 'text-right', {'required': required}]">
+        <span>{{label}}</span>
+      </el-col>
+      <el-col :span="14">
+        <span v-for="(i, key) in item" :key="key">
+          <el-input v-model="i[multipleKey]" :placeholder="label" size="mini">
+            <el-button slot="append" v-if="key === 0" icon="el-icon-plus" @click="addItem(item)"></el-button>
+            <el-button slot="append" v-else icon="el-icon-minus" @click="delItem(item, key)"></el-button>
+          </el-input>
+        </span>
+      </el-col>
+      <el-col :span="6">
+        <slot name="formError"></slot>
+      </el-col>
+    </el-row>
+  </section>
+</template>
+
+<script>
+  import itemMixin from '../../lib/singleItemMixin'
+
+  export default {
+    name: 'multiple-input',
+    mixins: [itemMixin],
+    data () {
+      return {}
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

src/components/common/multipleMobileInput.vue

+<template>
+  <section class="multiple-mobile-input">
+    <el-row :gutter="10">
+      <el-col :span="4" :class="['client-label', 'text-right', {'required': required}]">
+        <span>{{label}}</span>
+      </el-col>
+      <el-col :span="14">
+        <el-row :gutter="10">
+          <el-col :span="mobileConfig.children[chil].typeSpan" v-for="(chil, key) in Object.keys(mobileConfig.children)" :key="key">
+            <el-input v-model="mobileItemForm[chil]" :placeholder="mobileConfig.children[chil].title" size="mini">
+            </el-input>
+          </el-col>
+        </el-row>
+        <span class="tips"><em>{{tips}}</em></span>
+      </el-col>
+      <el-col :span="6">
+        <slot name="formError"></slot>
+      </el-col>
+    </el-row>
+  </section>
+</template>
+
+<script>
+  import itemMixin from '../../lib/singleItemMixin'
+
+  export default {
+    name: 'multiple-mobile-input',
+    mixins: [itemMixin],
+    methods: {},
+    props: {
+      mobileItemForm: {
+        type: Object
+      },
+      mobileConfig: {
+        type: Object
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

src/components/common/scheduleItem.vue

+<template>
+  <section class="client-schedule-item">
+    <el-row class="client-schedule-row">
+      <el-col :span="4" :xs="24" class="client-schedule-left" :style="{'background-color': item.bgcolor}">
+        <el-row :gutter="10">
+          <el-col :span="24" class="entity-name">
+            <i class="fa fa-star" aria-hidden="true"></i>
+            <router-link :to="toView(item)">{{ item.client.name }}</router-link>
+          </el-col>
+          <el-col :span="24" class="entity-name">
+            <i class="fa fa-th-list" aria-hidden="true"></i>
+            <span>{{ Object.keys(item.project).length > 0 ? item.project.name : '(未设置)' }}</span>
+          </el-col>
+          <el-col :span="24">
+            <img class="user-avatar rounded-circle" :src="item.createdBy.avatar.name">
+            <span>{{ item.createdBy.name }}</span>
+          </el-col>
+          <el-col :span="24">
+            <i class="fa fa-sitemap" aria-hidden="true"></i>
+            <span>{{ item.createdBy.department.name}}</span>
+          </el-col>
+        </el-row>
+      </el-col>
+      <el-col :span="20" :xs="24" class="client-schedule-right">
+        <el-row :gutter="10">
+          <el-col :span="6" :xs="24">
+            开始时间: {{item.start_at !== '' ? item.start_at : noneText}}
+          </el-col>
+          <el-col :span="6" :xs="24">
+            用时: {{item.hours_spent_display !== '' ? item.hours_spent_display : noneText}}
+          </el-col>
+          <el-col :span="6" :xs="24">
+            联系人: {{item.workLogContacts.length === 0 ? noneText : item.workLogContacts.map(i => i.name).join(',')}}
+          </el-col>
+          <el-col :span="6" :xs="24">
+            签到:
+            <el-tooltip class="item" effect="dark" placement="top" v-if="Object.keys(item.location).length > 0">
+              <i class="fa fa-fw fa-location-arrow"></i>
+              <template slot="content"><p>地址: {{item.location.address}}</p>
+                <p>距离: {{item.distance !== '' ? item.distance : noneText}}</p>
+                <p>时间: </p></template>
+            </el-tooltip>
+            <span v-else>(未设置)</span>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="6" :xs="24">
+            结束时间: <span class="date-time">{{item.end_at !== '' ? item.end_at : noneText}}</span>
+          </el-col>
+          <el-col :span="6" :xs="24">
+            <span class="border border-success text-success rounded px-1">日志类型</span> :
+            {{Object.keys(item.scenarios).length === 0 ? noneText : item.scenarios.name}}
+          </el-col>
+          <el-col :span="6" :xs="24">
+            工作内容: {{Object.keys(item.scenarioOption).length === 0 ? noneText : item.scenarioOption.name }}
+          </el-col>
+          <el-col :span="6" :xs="24" class="show-picture">
+            图片:
+            <i class="fa fa-fw fa-file-image-o show-picture"
+               v-if="item.attachmentRelationships.length > 0"
+               @click="showImageViewer(item.attachmentRelationships)"></i>
+            <span v-else>{{noneText}}</span>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="12" :xs="24">
+            <span class="border border-danger text-danger rounded px-1">备注</span> :
+            {{item.description !== '' ? item.description : noneText}}
+          </el-col>
+          <el-col :span="12" :xs="24">
+            <slot name="opearate">
+            </slot>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
+  </section>
+</template>
+
+<script>
+  export default {
+    name: 'scheduleItem',
+    props: {
+      item: Object
+    },
+
+    data () {
+      return {
+        noneText: '(未设置)'
+      }
+    },
+    methods: {
+      toView (item) {
+        let obj = {
+          name: 'viewClient',
+          params: {
+            id: item.id
+          }
+        }
+        return obj
+      },
+      showImageViewer (images) {
+        this.$emit('update:image', images.map(i => 'https://beta.jinchangxiao.com' + i.attachment.name))
+        // this.$emit('update:image', ['https://beta.jinchangxiao.com/files/protected/a57be577deb434/2019/03/34cf2b53-3959-33fe-93af-98a50fd18c11.jpg'])
+      }
+    },
+    computed: {
+      isNullClient () {
+        return !this.item.client
+      },
+
+      isPublic () {
+        return !!this.item.is_public
+      }
+    },
+
+    mounted () {
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .text-info {
+    color: #17a2b8 !important;
+  }
+
+  .border-info {
+    border-color: #17a2b8 !important;
+  }
+
+  .colRed {
+    color: red;
+    border: 1px solid red;
+  }
+
+  .colGreen {
+    color: green;
+    border: 1px solid green;
+  }
+
+  .colRed, .colGreen, .col {
+    border-radius: .25rem;
+    padding: 0 .25rem;
+  }
+
+  .rounded-circle {
+    border-radius: 50% !important;
+  }
+
+  .user-avatar {
+    width: 16px;
+    max-width: 16px;
+    height: 16px;
+    max-height: 16px;
+  }
+
+  @include c('schedule-item') {
+    margin-bottom: 10px;
+    font-size: 12px;
+  }
+
+  @include c('schedule-item:first-child') {
+    .client-schedule-left {
+      border-radius: 5px 0 0 0;
+    }
+  }
+
+  @include c('schedule-row') {
+    min-height: 100px;
+    background-color: white;
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  @include c('schedule-left') {
+    background-color: #FF6A6A;
+    min-height: 100%;
+    padding: 10px 15px 6px;
+    > .el-row {
+      > .el-col {
+        margin-bottom: 4px;
+      }
+    }
+    .el-row div:first-child, .el-row div:first-child a, .entity-name, .entity-name a {
+      color: white;
+    }
+    span {
+      display: inline-block;
+      padding-left: 5px;
+    }
+    @include e('private') {
+      display: inline-block;
+      // border: 1px solid black;
+      padding-right: 5px;
+      border-radius: 5px;
+      width: 40px;
+      height: 20px;
+    }
+  }
+
+  @include c('schedule-right') {
+    height: 100%;
+    padding: 10px 15px 6px;
+    .border {
+      border: 1px solid #dee2e6;
+    }
+    .border-success {
+      border-color: #28a745 !important;
+    }
+    .border-danger {
+      border-color: #dc3545;
+    }
+    .text-success {
+      color: #28a745 !important;
+    }
+    .text-danger {
+      color: #E45744;
+    }
+    .rounded {
+      border-radius: .25rem !important;
+    }
+    .px-1 {
+      padding: 0 .25rem;
+    }
+    > .el-row {
+      > .el-col {
+        margin-bottom: 4px;
+
+        .el-button {
+          margin: 0 2px;
+          padding: 7px;
+        }
+
+        .date-time, .show-picture {
+          color: #649FD7;
+        }
+
+        .show-picture {
+          cursor: pointer;
+        }
+      }
+    }
+    .badge {
+      border-radius: 2px;
+      color: #333744;
+      background: #ffffff;
+      vertical-align: baseline;
+      display: inline;
+      padding: 2px 6px;
+    }
+    span.badge-unread {
+      &:hover {
+        border-color: #de321d
+      }
+
+      color: #fff;
+      background-color: #e54c3a;
+      border-color: #a32516
+    }
+    @include e('item') {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-around;
+      padding: 5px 0 5px 5px;
+      flex: 1;
+    }
+    @include e('status') {
+      color: red;
+    }
+    @include e('content') {
+      display: inline-block;
+      border: 1px solid red;
+      border-radius: 5px;
+      height: 20px;
+      padding: 0 5px 0 5px;
+      color: red;
+    }
+  }
+</style>

src/components/common/singleAMap.vue

+<template>
+  <section class="multiple-input">
+    <el-row :gutter="10">
+      <el-col :span="4" :class="['client-label', 'text-right', {'required': required}]">
+        <span>{{label}}</span>
+      </el-col>
+      <el-col :span="14">
+        <el-autocomplete
+          v-model="workingAddresses.address2"
+          :fetch-suggestions="remoteMethod"
+          placeholder="选择办公地址"
+          :hide-loading="true"
+          :trigger-on-focus="false"
+          @select="handleSelect"
+          prefix-icon="el-icon-search"
+          suffix-icon="el-icon-arrow-down"
+        ></el-autocomplete>
+        <div id="container" class="h500 w500"></div>
+      </el-col>
+      <el-col :span="6">
+        <slot name="formError"></slot>
+      </el-col>
+    </el-row>
+  </section>
+</template>
+
+<script>
+  import itemMixin from '../../lib/singleItemMixin'
+  import MapLoader from '@/assets/js/AMap.js'
+  // import $ from 'jquery'
+  // import AMapUI from 'AMapUI'
+
+  export default {
+    name: 'single-a-map',
+    mixins: [itemMixin],
+    data () {
+      return {
+        map: Object,
+        currentCity: '',
+        marker: [],
+        mapSearch: '',
+        mapKeyWord: '',
+        loading: false,
+        searchList: []
+      }
+    },
+    mounted () {
+      // this.initAMap()
+    },
+    methods: {
+      initAMap () {
+        let that = this
+        this.mapKeyWord = this.workingAddresses.address2
+        this.currentCity = this.workingAddresses.city_id
+        MapLoader().then(AMap => {
+          that.map = new AMap.Map('container', {
+            viewMode: '3D',
+            zoom: 12,
+            expandZoomRange: true,
+            jogEnable: true
+          })
+          AMap.plugin(
+            ['AMap.Scale', 'AMap.ControlBar'],
+            () => {
+              that.map.addControl(new AMap.Scale())
+              that.map.addControl(new AMap.ControlBar())
+            })
+          that.addsinglemarker()
+        }, e => {
+          console.log('地图加载失败', e)
+        })
+      },
+      handleSelect (val) {
+        this.workingAddresses.region_id = parseInt(val.adcode)
+        let map = this.searchList.find(i => i.adcode === val.adcode)
+        if (map) {
+          this.selectResult(map.adcode, map.district + map.name)
+        }
+      },
+      remoteMethod (query, cb) {
+        this.mapKeyWord = query
+        let that = this
+        if (query !== '') {
+          this.loading = true
+          window.AMap.service(['AMap.Autocomplete'], () => {
+            let autoOptions = {
+              city: this.currentCity // 城市，默认全国
+            }
+            let auto = new window.AMap.Autocomplete(autoOptions)
+            // 查询成功时返回查询结果
+            auto.search(query, (status, result) => {
+              if (result.tips) {
+                that.searchList = result.tips
+                cb(that.searchList.map(i => {
+                  return {
+                    adcode: i.adcode,
+                    value: i.district + ':' + i.name
+                  }
+                }))
+                this.loading = false
+              }
+            })
+          })
+        } else {
+          this.mapKeyWord = []
+        }
+      },
+      selectResult (cityCode, text) {
+        this.map.plugin(['AMap.PlaceSearch'], () => {
+          let msearch = new window.AMap.PlaceSearch({
+            city: this.currentCity // 范围，默认: 500
+          })  // 构造地点查询类
+          window.AMap.event.addListener(msearch, 'complete', this.placeSearchCallBack) // 查询成功时的回调函数
+          msearch.setCity(cityCode)
+          msearch.search(text) // 关键字查询查询
+        })
+      },
+      placeSearchCallBack (data) {
+        // 清空地图上的InfoWindow和Marker
+        // let marker = []
+        this.map.clearMap()
+        let poiArr = data.poiList.pois
+        let resultCount = poiArr.length
+        for (let i = 0; i < resultCount; i++) {
+          this.addmarker(i, poiArr[i])
+          break
+        }
+        this.map.setFitView()
+      },
+      addmarker (i, d) {
+        let lngX = d.location.getLng()
+        let latY = d.location.getLat()
+        let markerOption = {
+          draggable: true, // 点标记可拖拽
+          map: this.map,
+          icon: 'https://beta.jinchangxiao.com/img/position.png',
+          position: new window.AMap.LngLat(lngX, latY),
+          raiseOnDrag: true
+        }
+        let mar = new window.AMap.Marker(markerOption)
+        this.marker.push(new window.AMap.LngLat(lngX, latY))
+        this.workingAddresses.lng = lngX
+        this.workingAddresses.lat = latY
+        let that = this
+        window.AMap.event.addListener(mar, 'mousemove', () => {
+          let position = mar.getPosition()
+          that.workingAddresses.lat = position.lat
+          that.workingAddresses.lng = position.lng
+        })
+      },
+      geocoder (address) {
+        // 加载地理编码插件
+        window.AMap.service(['AMap.Geocoder'], function () {
+          let MGeocoder = new window.AMap.Geocoder({
+            radius: 1000 // 范围，默认: 500
+          })
+          // 返回地理编码结果
+          // 地理编码
+          MGeocoder.getLocation(address, function (status, result) {
+            if (status === 'complete' && result.info === 'OK') {
+              this.map.clearMap()
+              this.geocoderCallBack(result)
+              this.map.setZoom(8)
+            }
+          })
+        })
+      },
+      regeocoder (lng, lat) {
+        // 加载地理编码插件
+        let lnglatXY = new window.AMap.LngLat(lng, lat)
+        window.AMap.service(['AMap.Geocoder'], function () {
+          let MGeocoder = new window.AMap.Geocoder({
+            radius: 1000,
+            extensions: 'all'
+          })
+          // 逆地理编码
+          MGeocoder.getAddress(lnglatXY, function (status, result) {
+            if (status === 'complete' && result.info === 'OK') {
+            }
+          })
+        })
+      },
+      addsinglemarker () {
+        let lngX = this.workingAddresses.lng
+        let latY = this.workingAddresses.lat
+        if ((lngX === '' && latY === '') || (lngX === '0' && latY === '0')) {
+          this.resetCityCenter()
+          return false
+        }
+        let markerOption = {
+          draggable: true, // 点标记可拖拽
+          map: this.map,
+          icon: 'https://beta.jinchangxiao.com/img/position.png',
+          position: new window.AMap.LngLat(lngX, latY),
+          raiseOnDrag: true
+        }
+        let mar = new window.AMap.Marker(markerOption)
+        this.marker.push(new window.AMap.LngLat(lngX, latY))
+        let that = this
+        window.AMap.event.addListener(mar, 'mousemove', () => {
+          let postion = mar.getPosition()
+          that.workingAddresses.lng = postion.lat
+          that.workingAddresses.lng = postion.lng
+        })
+        this.map.setFitView()
+      },
+      resetCityCenter () {
+        let that = this
+        window.AMap.service(['AMap.CitySearch'], function () {
+          // 实例化城市查询类
+          let citySearch = new window.AMap.CitySearch()
+          // 自动获取用户IP，返回当前城市
+          citySearch.getLocalCity(function (status, result) {
+            if (status === 'complete' && result.info === 'OK') {
+              if (result && result.city && result.bounds) {
+                let cityBounds = result.bounds
+                that.currentCity = result.city
+                that.map.setBounds(cityBounds)
+                that.map.setZoom(12)
+              }
+            }
+          })
+        })
+      },
+      geocoderCallBack (data) {
+        // 地理编码结果数组
+        let geocode = []
+        geocode = data.geocodes
+        for (let i = 0; i < geocode.length; i++) {
+          // 拼接输出html
+          this.addmarker(i, geocode[i])
+        }
+        this.map.setFitView()
+      }
+    },
+    created () {
+    },
+    props: ['workingAddresses'],
+    watch: {
+      'workingAddresses' (val) {
+        console.log(val)
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .h500 {
+    height: 300px;
+  }
+
+  .chzn-done {
+    width: 100%
+  }
+
+  .el-select, .el-autocomplete {
+    width: 100%;
+    margin-bottom: 14px
+  }
+</style>

src/components/common/singleCheckbox.vue

+<template>
+  <section>
+    <el-row :gutter="10">
+      <el-col :span="4" :class="['client-label', 'text-right', {'required': required}]">
+        <span>{{label}}</span>
+      </el-col>
+      <el-col :span="14">
+        <el-checkbox-group v-model="items" size="mini">
+          <el-checkbox-button v-for="(check, key) in optionsList" :value="check.value" :label="check.name" :key="key">{{check.name}}</el-checkbox-button>
+        </el-checkbox-group>
+      </el-col>
+      <el-col :span="6">
+        <slot name="formError"></slot>
+        <span class="tips">{{tips}}</span>
+      </el-col>
+    </el-row>
+  </section>
+</template>
+
+<script>
+  import itemMixin from '../../lib/singleItemMixin'
+
+  export default {
+    name: 'single-checkbox',
+    mixins: [itemMixin],
+    methods: {}
+  }
+</script>
+
+<style>
+  .el-checkbox-button__inner, .el-checkbox-button:last-child .el-checkbox-button__inner, .el-checkbox-button:first-child .el-checkbox-button__inner{
+    border-left: 1px solid #DCDFE6;
+    margin: 0 10px 5px 0;
+    border-radius: 6px!important;
+  }
+  .el-checkbox-button__inner:hover{
+    color: #333;
+    background-color: #e6e6e6;
+    border-color: #adadad;
+  }
+  .el-checkbox-button.is-checked .el-checkbox-button__inner{
+    color: #fff;
+    background-color: #3c3c3c;
+    border-color: #373737;
+    box-shadow: 0 0 0 0 #373737;
+  }
+</style>

src/components/common/singleDatePicker.vue

+<template>
+  <section class="single-date-picker">
+    <el-row :gutter="10">
+      <el-col :span="4" :class="['client-label', 'text-right', {'required': required}]">
+        <span>{{label}}</span>
+      </el-col>
+      <el-col :span="14">
+        <el-date-picker
+          v-model="timeItem"
+          type="date"
+          placeholder="选择日期"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd">
+        </el-date-picker>
+        <span class="tips"><em>{{tips}}</em></span>
+      </el-col>
+      <el-col :span="6">
+        <slot name="formError"></slot>
+      </el-col>
+    </el-row>
+  </section>
+</template>
+
+<script>
+  import itemMixin from '../../lib/singleItemMixin'
+
+  export default {
+    name: 'single-date-picker',
+    mixins: [itemMixin]
+  }
+</script>
+
+<style scoped>
+  .el-date-editor.el-input, .el-date-editor.el-input__inner{
+    width: 100%;
+  }
+</style>

src/components/common/singleInput.vue

+<template>
+    <section class="single-input">
+      <el-row :gutter="10">
+        <el-col :span="4" :class="['client-label', 'text-right', {'required': required}]">
+          <span>{{label}}</span>
+        </el-col>
+        <el-col :span="14">
+          <el-input v-model="item" :placeholder="label" :type="type" :rows="rows" size="mini">
+            <template slot="prepend">
+              <span v-if="prepend.text !== ''">{{prepend.text}}</span>
+              <i :class="['fa', prepend.icon]" v-if="prepend.icon !== ''"></i>
+            </template>
+            <template slot="append">
+              <span v-if="append.text !== ''">{{append.text}}</span>
+              <i :class="['fa', append.icon]" v-if="append.icon !== ''"></i>
+            </template>
+            <el-select v-model="inputSelectItem" slot="prepend" placeholder="请选择" v-if="formInputSelectOptions">
+              <el-option v-for="(option, key) in formInputSelectOptions" :key="key" :label="option.name" :value="option.key"></el-option>
+            </el-select>
+          </el-input>
+          <span class="tips"><em>{{tips}}</em></span>
+        </el-col>
+        <el-col :span="6">
+          <slot name="formError"></slot>
+        </el-col>
+      </el-row>
+    </section>
+</template>
+
+<script>
+  import itemMixin from '../../lib/singleItemMixin'
+  export default {
+    name: 'single-input',
+    mixins: [itemMixin],
+    methods: {}
+  }
+</script>
+
+<style scoped>
+  .tips{
+    display: block;
+    line-height: 1.5;
+    color: #6c757d;
+  }
+</style>
+<style>
+  .single-input .el-select .el-input {
+    width: 90px;
+  }
+</style>

src/components/common/singleRadio.vue

+<template>
+  <section>
+    <el-row :gutter="10">
+      <el-col :span="4" :class="['client-label', 'text-right', {'required': required}]">
+        <span>{{label}}</span>
+      </el-col>
+      <el-col :span="14">
+        <el-radio-group size="mini" v-model="item">
+          <el-radio-button v-for="(radio, key) in optionsList" :key="key" :label="radio.key">
+            {{radio.name}}
+          </el-radio-button>
+        </el-radio-group>
+      </el-col>
+      <el-col :span="6">
+        <slot name="formError"></slot>
+        <span class="tips">{{tips}}</span>
+      </el-col>
+    </el-row>
+  </section>
+</template>
+
+<script>
+  import itemMixin from '../../lib/singleItemMixin'
+  export default {
+    name: 'single-radio',
+    mixins: [itemMixin]
+  }
+</script>
+
+<style>
+  .el-radio-button__inner, .el-radio-button:last-child .el-radio-button__inner, .el-radio-button:first-child .el-radio-button__inner{
+    border-left: 1px solid #DCDFE6;
+    margin: 0 10px 5px 0;
+    border-radius: 6px!important;
+  }
+  .el-radio-button__inner:hover{
+    color: #333;
+    background-color: #e6e6e6;
+    border-color: #adadad;
+  }
+  .el-radio-button__orig-radio:checked+.el-radio-button__inner{
+    color: #fff;
+    background-color: #3c3c3c;
+    border-color: #373737;
+    box-shadow: 0 0 0 0 #373737;
+  }
+  .el-radio-button__orig-radio:checked+.el-radio-button__inner:hover{
+    color: #333;
+    background-color: #d4d4d4;
+    border-color: #8c8c8c;
+  }
+</style>

src/components/common/singleSelect.vue

+<template>
+    <div>
+      <el-row :gutter="10">
+        <el-col :span="4" :class="['client-label', 'text-right', {'required': required}]">
+          <span>{{label}}</span>
+        </el-col>
+        <el-col :span="14">
+          <el-select v-model="item" :placeholder="label" size="mini">
+            <el-option
+              v-for="item in optionsList"
+              :key="item.key"
+              :label="item.name"
+              :value="item.key">
+            </el-option>
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <slot name="formError"></slot>
+          <span class="tips">{{tips}}</span>
+        </el-col>
+      </el-row>
+    </div>
+</template>
+
+<script>
+  import itemMixin from '../../lib/singleItemMixin'
+  export default {
+    name: 'single-select',
+    mixins: [itemMixin],
+    methods: {}
+  }
+</script>
+
+<style scoped>
+.el-select{
+  width: 100%;
+}
+</style>

src/components/common/textHeader.vue

+<template>
+    <el-col :span="1">
+
+    </el-col>
+</template>
+
+<script>
+  export default {
+    name: '',
+    data () {
+      return {}
+    },
+    methods: {},
+    created () {
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

src/components/common/viewHelper.js

+import buttonHeader from './buttonHeader'
+import keywordHeader from './keywordHeader'
+import textHeader from './textHeader'
+
+export let blockHeadObj = {
+  buttonHeader,
+  keywordHeader,
+  textHeader
+}
+
+import singleInput from './singleInput'
+import singleRadio from './singleRadio'
+import singleDataPicker from './singleDatePicker'
+import singleSelect from './singleSelect'
+import singleCheckbox from './singleCheckbox'
+import singleAMap from './singleAMap'
+import multipleInput from './multipleInput'
+import multipleMobileInput from './multipleMobileInput'
+
+export let formObj = {
+  singleInput,
+  singleRadio,
+  singleDataPicker,
+  singleSelect,
+  singleCheckbox,
+  singleAMap,
+  multipleInput,
+  multipleMobileInput
+}
+

src/components/test.vue

+<template>
+  <div>
+    <div class="images clearfix" style="display: none;">
+      <img v-for="(source, index) in images" :key="index" :src="source" class="image">
+    </div>
+    <button type="button" class="button" @click="show">Show</button>
+  </div>
+</template>
+
+<script>
+  const sourceImages = []
+  const base = parseInt((Math.random() * 60), 10) + 10
+  for (let i = 0; i < 10; i++) {
+    sourceImages.push('https://picsum.photos/1440/900/?image=' + (base + i))
+  }
+  import 'viewerjs/dist/viewer.css'
+  import Viewer from 'viewerjs'
+  export default {
+    name: '',
+    data () {
+      return {
+        options: {
+          toolbar: true,
+          url: 'data-source'
+        },
+        images: []
+      }
+    },
+    methods: {
+      show () {
+        this.images = [...sourceImages].splice(0, 5)
+        const viewer = new Viewer(this.$el.querySelector('.images'), {
+          hidden: function () {
+            viewer.destroy()
+          }
+        })
+        viewer.update()
+        this.$nextTick(() => {
+          viewer.show()
+          viewer.update()
+        })
+      }
+    },
+    mounted () {
+    },
+    created () {
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

src/components/workLog/list.vue

+<template>
+  <section>
+    <div class="content">
+      <client-header ref="clientHeader"
+                     title="工作日志"
+                     :title-span="6"
+                     :model="form"
+                     :search-key="'WorkLogSearch'"
+                     :key-code="'keyword'"
+                     type="keyword"
+                     button-title="新建工作日志"
+                     :add-new-user="addNewUser"
+                     :search-keyword="searchKeyword"></client-header>
+      <client-form ref="clientForm" :filter="filter" @update:clientList="form =>{ updateForm(form) }"></client-form>
+      <div class="page-body-content">
+        <div v-loading="loading">
+          <ScheduleItem
+            v-for="(item, key) in result.list"
+            :item="item"
+            :key="key"
+            @update:image="imgs => {setImage(imgs)}">
+          <span slot="opearate">
+            <el-button class="pull-right" type="primary" size="mini" :disabled="!item.can_give_up"
+                       @click="giveUp(item.id)">
+              <i class="fa fa-trash-o faa-shake"></i> 删除
+            </el-button>
+            <el-button class="pull-right" type="primary" size="mini" :disabled="!item.can_update"
+                       @click="edit(item.id)">
+              <i class="fa fa-edit"></i> 编辑
+            </el-button>
+            <el-button class="pull-right" type="primary" size="mini" @click="addMessage(item.id)">
+              <span :class="['badge', {'badge-unread': item.unread > 0}]" v-if="item.commentCount">{{item.commentCount.comment}}</span>
+              <i class="fa fa-commenting"></i> 留言
+            </el-button>
+          </span>
+          </ScheduleItem>
+          <div v-if="result.list.length === 0">
+            <el-card class="box-card">
+              未查询到数据!
+            </el-card>
+          </div>
+        </div>
+        <Pagenation
+          @update:pager="pager => {updatePage(pager)}"
+          :pager.sync="pagenation"
+          :total="totalcount">
+        </Pagenation>
+        <!--<el-button type="primary" @click="showLeave">测试</el-button>-->
+      </div>
+    </div>
+    <div class="images clearfix" style="display: none;">
+      <img v-for="(source, index) in images" :key="index" :src="source" class="image">
+    </div>
+  </section>
+</template>
+
+<script>
+  import ScheduleItem from '../common/scheduleItem'
+  import Pagenation from './schedulePagenation'
+  import clientHeader from '../common/clientHeader'
+  import clientForm from './workLogListForm'
+  import {
+    requestAPI,
+    api
+  } from '@/lib/commonMixin'
+  import 'viewerjs/dist/viewer.css'
+  import Viewer from 'viewerjs'
+  export default {
+    name: '',
+    components: {
+      clientHeader,
+      clientForm,
+      ScheduleItem,
+      Pagenation
+    },
+    data () {
+      return {
+        options: {
+          toolbar: true,
+          url: 'data-source'
+        },
+        result: {
+          list: []
+        },
+        form: {
+          'WorkLogSearch[keyword]': ''
+        },
+        filter: [],
+        pagenation: {
+          page: 1
+        },
+        totalcount: 0,
+        loading: false,
+        images: []
+      }
+    },
+    methods: {
+      setImage (imgs) {
+        this.images = imgs
+        const viewer = new Viewer(this.$el.querySelector('.images'), {
+          hidden: function () {
+            viewer.destroy()
+          }
+        })
+        this.$nextTick(() => {
+          viewer.show()
+          viewer.update()
+        })
+      },
+      addNewUser () {
+        this.$refs.leaveModule.isShow('新建客户', 'clientAdd')
+      },
+      searchKeyword (search) {
+        this.updateForm(search)
+      },
+      updateForm (form) {
+        console.log(form)
+        Object.assign(this.form, form)
+        this.getList()
+      },
+      getList () {
+        if (this.loading) {
+          return
+        }
+        this.loading = true
+        requestAPI(api.getWorkLogList, {
+          data: {
+            ...this.form,
+            page: this.pagenation.page
+          }
+        }).then(res => {
+          this.result.list = res.list
+          // this.pagenation.page = res.pagenation.thispage
+          this.totalcount = res.pagenation.totalcount
+          // this.totalcount = 8
+        }).finally(_ => {
+          this.loading = false
+        })
+      },
+      updateOptions (res) {
+        res.forEach(item => {
+          if (item.itemKey) {
+            item.cascader = []
+            item.value.forEach(i => {
+              i.label = i.name
+              i.value = i.id
+              i.children = i.items
+              delete i.items
+              i.children.forEach(s => {
+                s.label = s.name
+                s.value = s.id
+              })
+            })
+          }
+        })
+        return res
+      },
+      getFilter () {
+        requestAPI(api.getFilter).then(res => {
+          this.filter = this.updateOptions(res)
+        })
+      }
+    },
+    created () {
+      this.getFilter()
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .text-info {
+    color: #17a2b8 !important;
+  }
+
+  .border-info {
+    border-color: #17a2b8 !important;
+  }
+
+  .colRed {
+    color: red;
+    border: 1px solid red;
+  }
+
+  .colGreen {
+    color: green;
+    border: 1px solid green;
+  }
+
+  .colRed, .colGreen, .col {
+    border-radius: .25rem;
+    padding: 0 .25rem;
+  }
+
+  .rounded-circle {
+    border-radius: 50% !important;
+  }
+
+  @include c('schedule-right') {
+    > .el-row {
+      > .el-col {
+        margin-bottom: 4px;
+
+        .el-button {
+          margin: 0 2px;
+          padding: 7px;
+        }
+
+        .date-time {
+          color: #649FD7;
+        }
+      }
+    }
+    .badge {
+      border-radius: 2px;
+      color: #333744;
+      background: #ffffff;
+      vertical-align: baseline;
+      display: inline;
+      padding: 2px 6px;
+    }
+    span.badge-unread {
+      &:hover {
+        border-color: #de321d
+      }
+
+      color: #fff;
+      background-color: #e54c3a;
+      border-color: #a32516
+    }
+  }
+</style>

src/components/workLog/schedulePagenation.vue

+<template>
+  <section class="pull-right">
+    <el-pagination v-if="total > 0" class=""
+      background
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="pager.page"
+      :page-sizes="[10, 20, 40, 60, 80, 100]"
+      :page-size="pager.pagesize"
+      layout="total, prev, pager, next, jumper"
+      :total="total">
+    </el-pagination>
+  </section>
+</template>
+<script>
+export default {
+  props: {
+    total: {
+      type: Number,
+      default: 0
+    }
+  },
+  data () {
+    return {
+      pager: {
+        page: 1,
+        pagesize: 20
+      },
+      totalcount: 0
+    }
+  },
+  created () {
+    // this.$emit('update:pager', this.pager)
+  },
+  methods: {
+    handleSizeChange (val) {
+      this.pager.page = 1
+      this.pager.pagesize = val
+      // this.totalcount = this.total
+      this.$emit('update:pager', this.pager)
+      // this.$parent.loadList()
+    },
+    handleCurrentChange (val) {
+      this.pager.page = val
+      // this.totalcount = this.total
+      this.$emit('update:pager', this.pager)
+      // this.$parent.loadList()
+    }
+  }
+}
+</script>
+<style scoped>
+
+</style>

src/components/workLog/workLogListForm.vue

+<template>
+  <div>
+    <el-row class="form-content">
+      <el-form ref="clientForm" size="mini" :model="clientForm" label-width="0" label-position="top">
+        <el-col :span="4" v-for="(item, key) in filter" :key="key">
+          <el-form-item>
+            <span slot="label" v-if="item.key !== 'Filter[sort]'">
+              <a @click.prevent="timeSort" v-if="item.key === 'Filter[name]'">
+                {{item.name}}
+                <i :class="['fa', setSortIcon()]"></i>
+              </a>
+              <span v-else>
+                {{item.name}}
+              </span>
+            </span>
+            <el-select clearable
+                       v-model="clientForm[item.key]"
+                       placeholder="请选择"
+                       v-if="!item.itemKey && item.key !== 'Filter[sort]'" size="mini">
+              <el-option v-for="(option, optKey) in item.value"
+                         :key="optKey"
+                         :label="option.name"
+                         :value="option.key">
+                <span style="font-size: 12px;">{{option.name}}</span>
+              </el-option>
+            </el-select>
+            <el-cascader
+              v-model="item.cascader"
+              change-on-select
+              clearable
+              v-if="item.itemKey"
+              :options="item.value"
+              @change="setCascader(item)"
+            ></el-cascader>
+          </el-form-item>
+        </el-col>
+      </el-form>
+    </el-row>
+  </div>
+</template>
+
+<script>
+  import {findWhere} from '../../lib/viewHelper'
+
+  export default {
+    name: 'client-form',
+    data () {
+      return {
+        clientForm: {}
+      }
+    },
+    props: ['filter'],
+    methods: {
+      setCascader (item) {
+        if (item.cascader.length === 1) {
+          this.clientForm[item.key] = item.cascader[0]
+          this.clientForm[item.itemKey] = ''
+        } else if (item.cascader.length === 2) {
+          this.clientForm[item.itemKey] = item.cascader[0]
+          this.clientForm[item.key] = item.cascader[1]
+        } else {
+          this.clientForm[item.itemKey] = ''
+          this.clientForm[item.key] = ''
+        }
+      },
+      setDefault (filter) {
+        filter.forEach(item => {
+          if (item.default) {
+            let ids = findWhere(item.value, item.default, 'id')
+            if (ids.node) {
+              if (ids.parentNode) {
+                this.clientForm[item.itemKey] = ids.parentNode.id
+                this.clientForm[item.key] = ids.node.id
+                item.cascader = [ids.parentNode.id, ids.node.id]
+              } else {
+                this.clientForm[item.itemKey] = ''
+                this.clientForm[item.key] = ids.node.id
+                item.cascader = [ids.node.id]
+              }
+            }
+          }
+        })
+      },
+      init () {
+        this.$watch('clientForm', (val) => {
+          this.$emit('update:clientList', val)
+        }, {deep: true})
+      },
+      setSortIcon () {
+        if (this.clientForm['Filter[sort]'] === '') {
+          return 'fa-sort-amount-desc'
+        } else if (this.clientForm['Filter[sort]'] === 'DESC') {
+          return 'fa-sort-amount-desc'
+        } else {
+          return 'fa-sort-amount-asc'
+        }
+      },
+      timeSort () {
+        if (this.clientForm['Filter[sort]'] === '') {
+          this.clientForm['Filter[sort]'] = 'ASC'
+        } else if (this.clientForm['Filter[sort]'] === 'ASC') {
+          this.clientForm['Filter[sort]'] = 'DESC'
+        } else {
+          this.clientForm['Filter[sort]'] = 'ASC'
+        }
+      }
+    },
+    created () {
+    },
+    watch: {
+      'filter' (val) {
+        val.forEach(item => {
+          if (item.itemKey) {
+            this.$set(this.clientForm, item.itemKey, '')
+          }
+          this.$set(this.clientForm, item.key, '')
+        })
+        this.$nextTick(() => {
+          this.init()
+          this.setDefault(val)
+        })
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

src/index.js

+import Vue from 'vue'
+import VueBus from 'vue-bus'
+import VueRouter from 'vue-router'
+
+Vue.use(VueBus)
+Vue.use(VueRouter)
+
+import ElementUI from 'element-ui'
+
+if (process.env.NODE_ENV !== 'production') {
+  Vue.use(ElementUI)
+}
+
+import './assets/css/app.scss'
+import RouterInit from './route'
+
+RouterInit()

src/lib/commonMixin.js

+// request
+export { requestWithJsonAPI } from '../ajax'
+export { requestAPI } from '../lib/request'
+export { requestJanusAPI } from '../ajax-janus'
+export { default as api } from '@/api'

src/lib/constant.js

+export let detailKey = () => {
+  return [
+    {
+      title: '客户名称',
+      key: 'name',
+      value: ''
+    },
+    {
+      title: '英文名称',
+      key: 'en_name',
+      value: ''
+    },
+    {
+      title: '客户性质',
+      key: 'client_type',
+      value: ''
+    },
+    {
+      title: '客户级别',
+      key: 'client_class',
+      value: '',
+      styleKey: 'clientClass',
+      style: {}
+    },
+    {
+      title: '客户行业',
+      key: 'client_industry',
+      value: ''
+    },
+    {
+      title: '客户经理',
+      key: 'sales_rep',
+      value: ''
+    },
+    {
+      title: '公司性质',
+      key: 'company_nature',
+      value: ''
+    },
+    {
+      title: '公司网址',
+      key: 'website',
+      value: '',
+      link: ''
+    },
+    {
+      title: '注册资金',
+      key: 'capital',
+      value: ''
+    },
+    {
+      title: '成立日期',
+      key: 'established_at',
+      value: ''
+    },
+    {
+      title: '法人代表',
+      key: 'corp_rep',
+      value: ''
+    },
+    {
+      title: '员工人数',
+      key: 'headcount',
+      value: ''
+    },
+    {
+      title: '办公地址',
+      key: 'working_address',
+      value: ''
+    },
+    {
+      title: '座机',
+      key: 'telephone',
+      value: ''
+    },
+    {
+      title: '传真',
+      key: 'fax',
+      value: ''
+    },
+    {
+      title: '年营业额',
+      key: 'scale',
+      value: ''
+    },
+    {
+      title: '分支机构',
+      key: 'branch',
+      value: ''
+    },
+    {
+      title: '年采购规模',
+      key: 'purchase_scale_per_yr',
+      value: ''
+    },
+    {
+      title: '年采购频率',
+      key: 'purchase_freq',
+      value: ''
+    },
+    {
+      title: '备注',
+      key: 'description',
+      value: ''
+    },
+    {
+      title: '开票信息',
+      key: 'invoice_info',
+      value: ''
+    },
+    {
+      title: '录入人',
+      key: 'created_by',
+      value: ''
+    },
+    {
+      title: '创建时间',
+      key: 'created_at',
+      value: ''
+    }
+  ]
+}
+
+export let navs = () => {
+  return [
+    {
+      title: '客户信息',
+      icon: 'fa-user',
+      routerName: 'viewClient'
+    },
+    {
+      title: '工作日志',
+      icon: 'fa-book',
+      routerName: ''
+    },
+    {
+      title: '商机信息',
+      icon: 'fa-info-circle',
+      routerName: ''
+    },
+    {
+      title: '待办事项',
+      icon: 'fa-align-justify',
+      routerName: ''
+    },
+    {
+      title: 'Case',
+      icon: 'fa-briefcase',
+      routerName: ''
+    },
+    {
+      title: '销售记录',
+      icon: 'fa-signal',
+      routerName: ''
+    },
+    {
+      title: '销售合同',
+      icon: 'fa-server',
+      routerName: ''
+    },
+    {
+      title: '采购合同',
+      icon: 'fa-shopping-bag',
+      routerName: ''
+    },
+    {
+      title: '备忘录',
+      icon: 'fa-list-alt',
+      routerName: ''
+    },
+    {
+      title: '项目列表',
+      icon: 'fa-tasks',
+      routerName: ''
+    },
+    {
+      title: '客户文档',
+      icon: 'fa-file-text-o',
+      routerName: ''
+    },
+    {
+      title: '费用报销',
+      icon: 'fa-credit-card-alt',
+      routerName: ''
+    }
+  ]
+}
+
+export let clientUserForm = () => {
+  return {
+    id: {
+      type: Number,
+      showType: 'hidden'
+    },
+    name: {
+      title: '联系人姓名',
+      type: String,
+      showType: 'singleInput',
+      required: true
+    },
+    email: {
+      title: '电子邮箱',
+      type: String,
+      showType: 'singleInput'
+    },
+    sex: {
+      title: '性别',
+      type: String,
+      showType: 'singleRadio'
+    },
+    birth_date: {
+      title: '生日',
+      type: String,
+      showType: 'singleDataPicker'
+    },
+    client_id: {
+      title: '属于客户',
+      type: String,
+      showType: 'singleSelect',
+      routerParam: 'clientId',
+      routerType: 'int'
+    },
+    user_status: {
+      title: '联系人状态',
+      type: String,
+      showType: 'singleRadio',
+      defaultData: 2
+    },
+    contactKeyRoles: {
+      title: '关键角色',
+      type: Array,
+      showType: 'singleCheckbox'
+    },
+    contactAttitude: {
+      title: '客户关系',
+      type: Number,
+      showType: 'singleRadio'
+    },
+    department: {
+      title: '部门',
+      type: String,
+      showType: 'singleInput'
+    },
+    mobiles: {
+      title: '手机',
+      type: Array,
+      showType: 'multipleInput',
+      defaultData: {
+        key: 'mobile_display',
+        name: ''
+      },
+      multipleKey: 'mobile_display'
+    },
+    multipleMobile: {
+      title: '座机',
+      showType: 'multipleMobileInput',
+      children: {
+        telephone_area_code: {
+          title: '区号',
+          type: String,
+          typeSpan: 6
+        },
+        telephone: {
+          title: '座机',
+          type: String,
+          typeSpan: 12
+        },
+        telephone_extension_number: {
+          title: '分机号',
+          type: String,
+          typeSpan: 6
+        }
+      }
+    },
+    description: {
+      title: '备注',
+      type: String,
+      showType: 'singleInput'
+    }
+  }
+}

src/lib/request.js

+import api from '../api'
+import $ from 'jquery'
+// import Cookie from 'browser-cookie'
+
+let globalOpt = api.option
+const SESSION_EXPIRED_CODE = globalOpt.sessionExpiredCode
+const SUCCESS_CODE = 2000
+const HTTP_PROTOCOL = /^http[s]?:\/\//
+// const usingJSONP = false
+const usingJSONP = process.env.NODE_ENV !== 'production'
+function normalizeUrl (url, query, option) {
+  if (HTTP_PROTOCOL.test(url)) return url
+
+  let fullUrl = option.host || ''
+
+  if (option.port) {
+    fullUrl += option.port ? ':' + option.port : ''
+  }
+
+  if (option.baseUrl) {
+    fullUrl += option.baseUrl
+  }
+
+  fullUrl += url
+  if (Object.keys(query).length > 0) {
+    fullUrl += '?' + $.param(query)
+  }
+
+  return fullUrl
+}
+
+function mergeAjaxOption (...options) {
+  let option1 = options.shift()
+  let option2 = options.shift()
+  // console.log(option1, option2)
+  let query = {...option1.query, ...option2.query}
+  let data = {...option1.data, ...option2.data}
+  let headers = {...option1.headers, ...option2.headers}
+  let mergedResult = {
+    ...option1,
+    ...option2,
+    query,
+    data,
+    headers
+  }
+  if (options.length) {
+    options.unshift(mergedResult)
+    return mergeAjaxOption(...options)
+  } else {
+    return mergedResult
+  }
+}
+
+export function request (option) {
+  return new Promise(function (resolve, reject) {
+    $.ajax(option).then(function (res, status, xhr) {
+      let code = res.code
+      if (code === SESSION_EXPIRED_CODE) {
+        window.location.replace(globalOpt.loginUrl)
+      }
+
+      if (code === SUCCESS_CODE) {
+        resolve(res.result)
+      } else {
+        // 如果不执行 reject，可能加载中动画不被关闭
+        reject(res, xhr, null)
+
+        if (res.msg) {
+          // 先让界面变化
+          // setTimeout(function () {
+          //   window.alert(res.msg)
+          // }, 300)
+        }
+      }
+    }, function (xhr, status, error) {
+      console.error('请求' + option.url + '失败：', xhr, status, error)
+
+      // 如果不执行 reject，可能加载中动画不被关闭
+      reject(null, xhr, error)
+
+      // 先让界面变化
+      setTimeout(function () {
+        if ('onLine' in window.navigator) {
+          if (!window.navigator.onLine) {
+            window.alert('网络连接已断开，请连接网络后重试！')
+          } else {
+            window.alert('数据请求失败，请稍后重试。\n如还是未能解决，请向系统客服咨询，谢谢。\n数据请求地址：' + option.url)
+          }
+        } else {
+          window.alert('数据请求失败！\n请确认您的网络联接正常，并稍后重试或向系统客服咨询，谢谢。\n数据请求地址：' + option.url)
+        }
+      }, 300)
+    })
+  })
+}
+
+// function getTokenFromCookie () {
+//   let cookie = new Cookie()
+//   return cookie.get('vup_token')
+// }
+
+let isSessionExpired = false
+export function requestAPI (api, option = {}) {
+  // 第一个请求会放过期提示用户登录后，避免之后的其他请求再次弹消息
+  if (isSessionExpired) {
+    window.location.href = globalOpt.loginUrl
+    return new Promise(function (resolve, reject) {
+      resolve({})
+    })
+  }
+  let setUrlK = (ojson) => {
+    let params = ''
+    Object.keys(ojson).forEach(item => {
+      params += '&' + encodeURIComponent(item) + '=' + ojson[item]
+    })
+    return params
+  }
+  // merge option
+  let ajaxOption = mergeAjaxOption(
+    globalOpt.ajax, // global
+    api, // curr api option
+    option // curr request option
+  )
+  ajaxOption.url = normalizeUrl(ajaxOption.url, ajaxOption.query, globalOpt)
+  delete ajaxOption.query
+  if (usingJSONP) {
+    ajaxOption.url = ajaxOption.url + ajaxOption.getQuery
+    if (ajaxOption.data) {
+      ajaxOption.url += setUrlK(ajaxOption.data)
+      delete ajaxOption.data
+    }
+  }
+  // ajaxOption.contentType = 'application/json'
+  // ajaxOption.dataType = 'json'
+  // ajaxOption.data = JSON.stringify(ajaxOption.data)
+  // ajaxOption.data = {data: JSON.stringify(ajaxOption.data)}
+
+  // stringify object member of data
+  let data = ajaxOption.data
+  for (let p in data) {
+    let dp = data[p]
+    if (typeof dp === 'object' && dp !== null) {
+      data[p] = JSON.stringify(dp)
+    }
+  }
+
+  // check is session expired
+  // let token = getTokenFromCookie()
+  // if (!token && process.env.NODE_ENV === 'production') {
+  //   console.info('token expired')
+  //   isSessionExpired = true
+  //   window.alert('登录超时，请重新登录!')
+  //   window.location.href = globalOpt.loginUrl
+  //   return new Promise(function (resolve, reject) {
+  //     resolve({})
+  //   })
+  // }
+
+  // append token to header
+  // let headers = ajaxOption.headers || (ajaxOption.headers = {})
+  // headers['X-Token'] = token
+
+  return request(ajaxOption)
+}

src/lib/singleItemMixin.js

+export default {
+  data () {
+    return {
+      item: '',
+      items: [],
+      timeItem: '',
+      inputSelectItem: 'rmb'
+    }
+  },
+  props: {
+    formItem: [String, Number, Array],
+    formItems: {
+      type: Array,
+      default () {
+        return [{key: 'new', name: ''}]
+      }
+    },
+    formTimeItem: {
+      type: String
+    },
+    label: {
+      type: String
+    },
+    required: {
+      type: Boolean
+    },
+    optionsList: Array,
+    tips: {
+      type: String
+    },
+    formInputSelect: {
+      type: String
+    },
+    formInputSelectOptions: Array,
+    type: {
+      type: String,
+      default: 'text'
+    },
+    rows: {
+      type: Number
+    },
+    prepend: {
+      type: Object,
+      default () {
+        return {
+          icon: '',
+          text: ''
+        }
+      }
+    },
+    append: {
+      type: Object,
+      default () {
+        return {
+          icon: '',
+          text: ''
+        }
+      }
+    },
+    multipleKey: {
+      type: String,
+      default: 'name'
+    }
+  },
+  methods: {
+    addItem (items) {
+      items.push({
+        key: this.multipleKey,
+        name: ''
+      })
+    },
+    delItem (items, key) {
+      items.splice(key, 1)
+    }
+  },
+  watch: {
+    'formItem': {
+      handler (val) {
+        this.item = val
+      },
+      deep: true,
+      immediate: true
+    },
+    'formTimeItem' (val) {
+      this.timeItem = val
+    },
+    'formInputSelect' (val) {
+      this.inputSelectItem = val
+    },
+    'item' (val) {
+      this.$emit('update:item', val)
+    },
+    'items': {
+      handler (val) {
+        this.$emit('update:item', val)
+      },
+      deep: true
+    },
+    'timeItem' (val) {
+      this.$emit('update:item', val)
+    },
+    'inputSelectItem' (val) {
+      this.$emit('update:inputSelect', val)
+    }
+  }
+}

src/lib/viewHelper.js

+import Cookie from 'browser-cookie'
+export let getAuthInfoFromCookie = () => {
+  let cookie = new Cookie()
+  return cookie.get('vup_token')
+}
+
+export function removeEmptyMember (obj) {
+  for (let p in obj) {
+    if (obj[p] === '') {
+      delete obj[p]
+    }
+  }
+}
+
+export function removeEmptyMemberArray (arr) {
+  let newArr = []
+  arr.forEach((v, i) => {
+    if (v.telNumber !== '') {
+      newArr.push(v)
+    }
+  })
+  return newArr
+}
+export let setModule = (obj, key, options) => {
+  let ob = {}
+  Object.keys(obj).forEach((item) => {
+    if (Array.isArray(obj[item])) {
+      // let opt = options[key + '[' + item + ']']
+      // console.log(opt)
+      obj[item].forEach((arr, index) => {
+        if (arr.key) {
+          if (arr.key === 'new') {
+            ob[key + '[' + item + '][' + arr.key + '][]'] = arr.name
+          } else {
+            ob[key + '[' + item + '][' + arr.key + ']'] = arr.name
+          }
+        } else {
+          ob[key + '[' + item + '][' + index + ']'] = arr
+        }
+      })
+    } else {
+      ob[key + '[' + item + ']'] = obj[item]
+    }
+  })
+  return ob
+}
+
+let getNode = function (json, nodeId, type, nodeObj) {
+  // 1.第一层 root 深度遍历整个JSON
+  nodeObj = nodeObj || {node: null, parentNode: null}
+  for (var i = 0; i < json.length; i++) {
+    if (nodeObj.node) {
+      break
+    }
+    var obj = json[i]
+    // 没有就下一个
+    if (!obj || !obj[type]) {
+      continue
+    }
+    // 2.有节点就开始找，一直递归下去
+    if (obj[type] === nodeId) {
+      // 找到了与nodeId匹配的节点，结束递归
+      nodeObj.node = obj
+      break
+    } else {
+      // 3.如果有子节点就开始找
+      if (obj.children) {
+        // 4.递归前，记录当前节点，作为parent 父亲
+        nodeObj.parentNode = obj
+        // 递归往下找
+        getNode(obj.children, nodeId, type, nodeObj)
+      } else {
+        // 跳出当前递归，返回上层递归
+        continue
+      }
+    }
+  }
+  // 5.如果木有找到父节点，置为null，因为没有父亲
+  if (!nodeObj.node) {
+    nodeObj.parentNode = null
+  }
+
+  // 6.返回结果obj
+  return nodeObj
+}
+
+export const findWhere = (list, catId, type) => {
+  return getNode(list, catId, type)
+}

src/main.js

+import './index'

src/route.js

+import portal from 'vis-portal'
+
+import ElementRoute from './routes/workLog'
+
+let routes = []
+const appName = 'work-log'
+
+routes = [].concat(ElementRoute)
+console.log(routes)
+let RouterInit = () => {
+  portal.createApp(appName, {}, app => {
+    app.mapRoute(routes)
+  })
+}
+
+export default RouterInit

src/routes/workLog.js

+import clientList from '../components/workLog/list'
+import test from '../components/test'
+const projectTitle = '金畅逍BMS - '
+const routes = [
+  {
+    path: '/list',
+    name: 'workLogList',
+    component: clientList,
+    meta: {
+      title: projectTitle + '客户信息'
+    }
+  },
+  {
+    path: '/test',
+    name: 'test',
+    component: test
+  }
+]
+export default routes

src/theme/var.scss

+$bem-component-namespace: 'client';

static/css/font-awesome.css

+/*!
+ *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+/* FONT PATH
+ * -------------------------- */
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
+  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+.fa {
+  display: inline-block;
+  font: normal normal normal 14px/1 FontAwesome;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/* makes the font 33% larger relative to the icon container */
+.fa-lg {
+  font-size: 1.33333333em;
+  line-height: 0.75em;
+  vertical-align: -15%;
+}
+.fa-2x {
+  font-size: 2em;
+}
+.fa-3x {
+  font-size: 3em;
+}
+.fa-4x {
+  font-size: 4em;
+}
+.fa-5x {
+  font-size: 5em;
+}
+.fa-fw {
+  width: 1.28571429em;
+  text-align: center;
+}
+.fa-ul {
+  padding-left: 0;
+  margin-left: 2.14285714em;
+  list-style-type: none;
+}
+.fa-ul > li {
+  position: relative;
+}
+.fa-li {
+  position: absolute;
+  left: -2.14285714em;
+  width: 2.14285714em;
+  top: 0.14285714em;
+  text-align: center;
+}
+.fa-li.fa-lg {
+  left: -1.85714286em;
+}
+.fa-border {
+  padding: .2em .25em .15em;
+  border: solid 0.08em #eeeeee;
+  border-radius: .1em;
+}
+.fa-pull-left {
+  float: left;
+}
+.fa-pull-right {
+  float: right;
+}
+.fa.fa-pull-left {
+  margin-right: .3em;
+}
+.fa.fa-pull-right {
+  margin-left: .3em;
+}
+/* Deprecated as of 4.4.0 */
+.pull-right {
+  float: right;
+}
+.pull-left {
+  float: left;
+}
+.fa.pull-left {
+  margin-right: .3em;
+}
+.fa.pull-right {
+  margin-left: .3em;
+}
+.fa-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+  animation: fa-spin 2s infinite linear;
+}
+.fa-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+  animation: fa-spin 1s infinite steps(8);
+}
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+.fa-rotate-90 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+  -webkit-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
+.fa-rotate-180 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+  -webkit-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+.fa-rotate-270 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+  -webkit-transform: rotate(270deg);
+  -ms-transform: rotate(270deg);
+  transform: rotate(270deg);
+}
+.fa-flip-horizontal {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+  -webkit-transform: scale(-1, 1);
+  -ms-transform: scale(-1, 1);
+  transform: scale(-1, 1);
+}
+.fa-flip-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  -webkit-transform: scale(1, -1);
+  -ms-transform: scale(1, -1);
+  transform: scale(1, -1);
+}
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+  filter: none;
+}
+.fa-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle;
+}
+.fa-stack-1x,
+.fa-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+.fa-stack-1x {
+  line-height: inherit;
+}
+.fa-stack-2x {
+  font-size: 2em;
+}
+.fa-inverse {
+  color: #ffffff;
+}
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+   readers do not read off random characters that represent icons */
+.fa-glass:before {
+  content: "\f000";
+}
+.fa-music:before {
+  content: "\f001";
+}
+.fa-search:before {
+  content: "\f002";
+}
+.fa-envelope-o:before {
+  content: "\f003";
+}
+.fa-heart:before {
+  content: "\f004";
+}
+.fa-star:before {
+  content: "\f005";
+}
+.fa-star-o:before {
+  content: "\f006";
+}
+.fa-user:before {
+  content: "\f007";
+}
+.fa-film:before {
+  content: "\f008";
+}
+.fa-th-large:before {
+  content: "\f009";
+}
+.fa-th:before {
+  content: "\f00a";
+}
+.fa-th-list:before {
+  content: "\f00b";
+}
+.fa-check:before {
+  content: "\f00c";
+}
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+  content: "\f00d";
+}
+.fa-search-plus:before {
+  content: "\f00e";
+}
+.fa-search-minus:before {
+  content: "\f010";
+}
+.fa-power-off:before {
+  content: "\f011";
+}
+.fa-signal:before {
+  content: "\f012";
+}
+.fa-gear:before,
+.fa-cog:before {
+  content: "\f013";
+}
+.fa-trash-o:before {
+  content: "\f014";
+}
+.fa-home:before {
+  content: "\f015";
+}
+.fa-file-o:before {
+  content: "\f016";
+}
+.fa-clock-o:before {
+  content: "\f017";
+}
+.fa-road:before {
+  content: "\f018";
+}
+.fa-download:before {
+  content: "\f019";
+}
+.fa-arrow-circle-o-down:before {
+  content: "\f01a";
+}
+.fa-arrow-circle-o-up:before {
+  content: "\f01b";
+}
+.fa-inbox:before {
+  content: "\f01c";
+}
+.fa-play-circle-o:before {
+  content: "\f01d";
+}
+.fa-rotate-right:before,
+.fa-repeat:before {
+  content: "\f01e";
+}
+.fa-refresh:before {
+  content: "\f021";
+}
+.fa-list-alt:before {
+  content: "\f022";
+}
+.fa-lock:before {
+  content: "\f023";
+}
+.fa-flag:before {
+  content: "\f024";
+}
+.fa-headphones:before {
+  content: "\f025";
+}
+.fa-volume-off:before {
+  content: "\f026";
+}
+.fa-volume-down:before {
+  content: "\f027";
+}
+.fa-volume-up:before {
+  content: "\f028";
+}
+.fa-qrcode:before {
+  content: "\f029";
+}
+.fa-barcode:before {
+  content: "\f02a";
+}
+.fa-tag:before {
+  content: "\f02b";
+}
+.fa-tags:before {
+  content: "\f02c";
+}
+.fa-book:before {
+  content: "\f02d";
+}
+.fa-bookmark:before {
+  content: "\f02e";
+}
+.fa-print:before {
+  content: "\f02f";
+}
+.fa-camera:before {
+  content: "\f030";
+}
+.fa-font:before {
+  content: "\f031";
+}
+.fa-bold:before {
+  content: "\f032";
+}
+.fa-italic:before {
+  content: "\f033";
+}
+.fa-text-height:before {
+  content: "\f034";
+}
+.fa-text-width:before {
+  content: "\f035";
+}
+.fa-align-left:before {
+  content: "\f036";
+}
+.fa-align-center:before {
+  content: "\f037";
+}
+.fa-align-right:before {
+  content: "\f038";
+}
+.fa-align-justify:before {
+  content: "\f039";
+}
+.fa-list:before {
+  content: "\f03a";
+}
+.fa-dedent:before,
+.fa-outdent:before {
+  content: "\f03b";
+}
+.fa-indent:before {
+  content: "\f03c";
+}
+.fa-video-camera:before {
+  content: "\f03d";
+}
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+  content: "\f03e";
+}
+.fa-pencil:before {
+  content: "\f040";
+}
+.fa-map-marker:before {
+  content: "\f041";
+}
+.fa-adjust:before {
+  content: "\f042";
+}
+.fa-tint:before {
+  content: "\f043";
+}
+.fa-edit:before,
+.fa-pencil-square-o:before {
+  content: "\f044";
+}
+.fa-share-square-o:before {
+  content: "\f045";
+}
+.fa-check-square-o:before {
+  content: "\f046";
+}
+.fa-arrows:before {
+  content: "\f047";
+}
+.fa-step-backward:before {
+  content: "\f048";
+}
+.fa-fast-backward:before {
+  content: "\f049";
+}
+.fa-backward:before {
+  content: "\f04a";
+}
+.fa-play:before {
+  content: "\f04b";
+}
+.fa-pause:before {
+  content: "\f04c";
+}
+.fa-stop:before {
+  content: "\f04d";
+}
+.fa-forward:before {
+  content: "\f04e";
+}
+.fa-fast-forward:before {
+  content: "\f050";
+}
+.fa-step-forward:before {
+  content: "\f051";
+}
+.fa-eject:before {
+  content: "\f052";
+}
+.fa-chevron-left:before {
+  content: "\f053";
+}
+.fa-chevron-right:before {
+  content: "\f054";
+}
+.fa-plus-circle:before {
+  content: "\f055";
+}
+.fa-minus-circle:before {
+  content: "\f056";
+}
+.fa-times-circle:before {
+  content: "\f057";
+}
+.fa-check-circle:before {
+  content: "\f058";
+}
+.fa-question-circle:before {
+  content: "\f059";
+}
+.fa-info-circle:before {
+  content: "\f05a";
+}
+.fa-crosshairs:before {
+  content: "\f05b";
+}
+.fa-times-circle-o:before {
+  content: "\f05c";
+}
+.fa-check-circle-o:before {
+  content: "\f05d";
+}
+.fa-ban:before {
+  content: "\f05e";
+}
+.fa-arrow-left:before {
+  content: "\f060";
+}
+.fa-arrow-right:before {
+  content: "\f061";
+}
+.fa-arrow-up:before {
+  content: "\f062";
+}
+.fa-arrow-down:before {
+  content: "\f063";
+}
+.fa-mail-forward:before,
+.fa-share:before {
+  content: "\f064";
+}
+.fa-expand:before {
+  content: "\f065";
+}
+.fa-compress:before {
+  content: "\f066";
+}
+.fa-plus:before {
+  content: "\f067";
+}
+.fa-minus:before {
+  content: "\f068";
+}
+.fa-asterisk:before {
+  content: "\f069";
+}
+.fa-exclamation-circle:before {
+  content: "\f06a";
+}
+.fa-gift:before {
+  content: "\f06b";
+}
+.fa-leaf:before {
+  content: "\f06c";
+}
+.fa-fire:before {
+  content: "\f06d";
+}
+.fa-eye:before {
+  content: "\f06e";
+}
+.fa-eye-slash:before {
+  content: "\f070";
+}
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+  content: "\f071";
+}
+.fa-plane:before {
+  content: "\f072";
+}
+.fa-calendar:before {
+  content: "\f073";
+}
+.fa-random:before {
+  content: "\f074";
+}
+.fa-comment:before {
+  content: "\f075";
+}
+.fa-magnet:before {
+  content: "\f076";
+}
+.fa-chevron-up:before {
+  content: "\f077";
+}
+.fa-chevron-down:before {
+  content: "\f078";
+}
+.fa-retweet:before {
+  content: "\f079";
+}
+.fa-shopping-cart:before {
+  content: "\f07a";
+}
+.fa-folder:before {
+  content: "\f07b";
+}
+.fa-folder-open:before {
+  content: "\f07c";
+}
+.fa-arrows-v:before {
+  content: "\f07d";
+}
+.fa-arrows-h:before {
+  content: "\f07e";
+}
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+  content: "\f080";
+}
+.fa-twitter-square:before {
+  content: "\f081";
+}
+.fa-facebook-square:before {
+  content: "\f082";
+}
+.fa-camera-retro:before {
+  content: "\f083";
+}
+.fa-key:before {
+  content: "\f084";
+}
+.fa-gears:before,
+.fa-cogs:before {
+  content: "\f085";
+}
+.fa-comments:before {
+  content: "\f086";
+}
+.fa-thumbs-o-up:before {
+  content: "\f087";
+}
+.fa-thumbs-o-down:before {
+  content: "\f088";
+}
+.fa-star-half:before {
+  content: "\f089";
+}
+.fa-heart-o:before {
+  content: "\f08a";
+}
+.fa-sign-out:before {
+  content: "\f08b";
+}
+.fa-linkedin-square:before {
+  content: "\f08c";
+}
+.fa-thumb-tack:before {
+  content: "\f08d";
+}
+.fa-external-link:before {
+  content: "\f08e";
+}
+.fa-sign-in:before {
+  content: "\f090";
+}
+.fa-trophy:before {
+  content: "\f091";
+}
+.fa-github-square:before {
+  content: "\f092";
+}
+.fa-upload:before {
+  content: "\f093";
+}
+.fa-lemon-o:before {
+  content: "\f094";
+}
+.fa-phone:before {
+  content: "\f095";
+}
+.fa-square-o:before {
+  content: "\f096";
+}
+.fa-bookmark-o:before {
+  content: "\f097";
+}
+.fa-phone-square:before {
+  content: "\f098";
+}
+.fa-twitter:before {
+  content: "\f099";
+}
+.fa-facebook-f:before,
+.fa-facebook:before {
+  content: "\f09a";
+}
+.fa-github:before {
+  content: "\f09b";
+}
+.fa-unlock:before {
+  content: "\f09c";
+}
+.fa-credit-card:before {
+  content: "\f09d";
+}
+.fa-feed:before,
+.fa-rss:before {
+  content: "\f09e";
+}
+.fa-hdd-o:before {
+  content: "\f0a0";
+}
+.fa-bullhorn:before {
+  content: "\f0a1";
+}
+.fa-bell:before {
+  content: "\f0f3";
+}
+.fa-certificate:before {
+  content: "\f0a3";
+}
+.fa-hand-o-right:before {
+  content: "\f0a4";
+}
+.fa-hand-o-left:before {
+  content: "\f0a5";
+}
+.fa-hand-o-up:before {
+  content: "\f0a6";
+}
+.fa-hand-o-down:before {
+  content: "\f0a7";
+}
+.fa-arrow-circle-left:before {
+  content: "\f0a8";
+}
+.fa-arrow-circle-right:before {
+  content: "\f0a9";
+}
+.fa-arrow-circle-up:before {
+  content: "\f0aa";
+}
+.fa-arrow-circle-down:before {
+  content: "\f0ab";
+}
+.fa-globe:before {
+  content: "\f0ac";
+}
+.fa-wrench:before {
+  content: "\f0ad";
+}
+.fa-tasks:before {
+  content: "\f0ae";
+}
+.fa-filter:before {
+  content: "\f0b0";
+}
+.fa-briefcase:before {
+  content: "\f0b1";
+}
+.fa-arrows-alt:before {
+  content: "\f0b2";
+}
+.fa-group:before,
+.fa-users:before {
+  content: "\f0c0";
+}
+.fa-chain:before,
+.fa-link:before {
+  content: "\f0c1";
+}
+.fa-cloud:before {
+  content: "\f0c2";
+}
+.fa-flask:before {
+  content: "\f0c3";
+}
+.fa-cut:before,
+.fa-scissors:before {
+  content: "\f0c4";
+}
+.fa-copy:before,
+.fa-files-o:before {
+  content: "\f0c5";
+}
+.fa-paperclip:before {
+  content: "\f0c6";
+}
+.fa-save:before,
+.fa-floppy-o:before {
+  content: "\f0c7";
+}
+.fa-square:before {
+  content: "\f0c8";
+}
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+  content: "\f0c9";
+}
+.fa-list-ul:before {
+  content: "\f0ca";
+}
+.fa-list-ol:before {
+  content: "\f0cb";
+}
+.fa-strikethrough:before {
+  content: "\f0cc";
+}
+.fa-underline:before {
+  content: "\f0cd";
+}
+.fa-table:before {
+  content: "\f0ce";
+}
+.fa-magic:before {
+  content: "\f0d0";
+}
+.fa-truck:before {
+  content: "\f0d1";
+}
+.fa-pinterest:before {
+  content: "\f0d2";
+}
+.fa-pinterest-square:before {
+  content: "\f0d3";
+}
+.fa-google-plus-square:before {
+  content: "\f0d4";
+}
+.fa-google-plus:before {
+  content: "\f0d5";
+}
+.fa-money:before {
+  content: "\f0d6";
+}
+.fa-caret-down:before {
+  content: "\f0d7";
+}
+.fa-caret-up:before {
+  content: "\f0d8";
+}
+.fa-caret-left:before {
+  content: "\f0d9";
+}
+.fa-caret-right:before {
+  content: "\f0da";
+}
+.fa-columns:before {
+  content: "\f0db";
+}
+.fa-unsorted:before,
+.fa-sort:before {
+  content: "\f0dc";
+}
+.fa-sort-down:before,
+.fa-sort-desc:before {
+  content: "\f0dd";
+}
+.fa-sort-up:before,
+.fa-sort-asc:before {
+  content: "\f0de";
+}
+.fa-envelope:before {
+  content: "\f0e0";
+}
+.fa-linkedin:before {
+  content: "\f0e1";
+}
+.fa-rotate-left:before,
+.fa-undo:before {
+  content: "\f0e2";
+}
+.fa-legal:before,
+.fa-gavel:before {
+  content: "\f0e3";
+}
+.fa-dashboard:before,
+.fa-tachometer:before {
+  content: "\f0e4";
+}
+.fa-comment-o:before {
+  content: "\f0e5";
+}
+.fa-comments-o:before {
+  content: "\f0e6";
+}
+.fa-flash:before,
+.fa-bolt:before {
+  content: "\f0e7";
+}
+.fa-sitemap:before {
+  content: "\f0e8";
+}
+.fa-umbrella:before {
+  content: "\f0e9";
+}
+.fa-paste:before,
+.fa-clipboard:before {
+  content: "\f0ea";
+}
+.fa-lightbulb-o:before {
+  content: "\f0eb";
+}
+.fa-exchange:before {
+  content: "\f0ec";
+}
+.fa-cloud-download:before {
+  content: "\f0ed";
+}
+.fa-cloud-upload:before {
+  content: "\f0ee";
+}
+.fa-user-md:before {
+  content: "\f0f0";
+}
+.fa-stethoscope:before {
+  content: "\f0f1";
+}
+.fa-suitcase:before {
+  content: "\f0f2";
+}
+.fa-bell-o:before {
+  content: "\f0a2";
+}
+.fa-coffee:before {
+  content: "\f0f4";
+}
+.fa-cutlery:before {
+  content: "\f0f5";
+}
+.fa-file-text-o:before {
+  content: "\f0f6";
+}
+.fa-building-o:before {
+  content: "\f0f7";
+}
+.fa-hospital-o:before {
+  content: "\f0f8";
+}
+.fa-ambulance:before {
+  content: "\f0f9";
+}
+.fa-medkit:before {
+  content: "\f0fa";
+}
+.fa-fighter-jet:before {
+  content: "\f0fb";
+}
+.fa-beer:before {
+  content: "\f0fc";
+}
+.fa-h-square:before {
+  content: "\f0fd";
+}
+.fa-plus-square:before {
+  content: "\f0fe";
+}
+.fa-angle-double-left:before {
+  content: "\f100";
+}
+.fa-angle-double-right:before {
+  content: "\f101";
+}
+.fa-angle-double-up:before {
+  content: "\f102";
+}
+.fa-angle-double-down:before {
+  content: "\f103";
+}
+.fa-angle-left:before {
+  content: "\f104";
+}
+.fa-angle-right:before {
+  content: "\f105";
+}
+.fa-angle-up:before {
+  content: "\f106";
+}
+.fa-angle-down:before {
+  content: "\f107";
+}
+.fa-desktop:before {
+  content: "\f108";
+}
+.fa-laptop:before {
+  content: "\f109";
+}
+.fa-tablet:before {
+  content: "\f10a";
+}
+.fa-mobile-phone:before,
+.fa-mobile:before {
+  content: "\f10b";
+}
+.fa-circle-o:before {
+  content: "\f10c";
+}
+.fa-quote-left:before {
+  content: "\f10d";
+}
+.fa-quote-right:before {
+  content: "\f10e";
+}
+.fa-spinner:before {
+  content: "\f110";
+}
+.fa-circle:before {
+  content: "\f111";
+}
+.fa-mail-reply:before,
+.fa-reply:before {
+  content: "\f112";
+}
+.fa-github-alt:before {
+  content: "\f113";
+}
+.fa-folder-o:before {
+  content: "\f114";
+}
+.fa-folder-open-o:before {
+  content: "\f115";
+}
+.fa-smile-o:before {
+  content: "\f118";
+}
+.fa-frown-o:before {
+  content: "\f119";
+}
+.fa-meh-o:before {
+  content: "\f11a";
+}
+.fa-gamepad:before {
+  content: "\f11b";
+}
+.fa-keyboard-o:before {
+  content: "\f11c";
+}
+.fa-flag-o:before {
+  content: "\f11d";
+}
+.fa-flag-checkered:before {
+  content: "\f11e";
+}
+.fa-terminal:before {
+  content: "\f120";
+}
+.fa-code:before {
+  content: "\f121";
+}
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+  content: "\f122";
+}
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+  content: "\f123";
+}
+.fa-location-arrow:before {
+  content: "\f124";
+}
+.fa-crop:before {
+  content: "\f125";
+}
+.fa-code-fork:before {
+  content: "\f126";
+}
+.fa-unlink:before,
+.fa-chain-broken:before {
+  content: "\f127";
+}
+.fa-question:before {
+  content: "\f128";
+}
+.fa-info:before {
+  content: "\f129";
+}
+.fa-exclamation:before {
+  content: "\f12a";
+}
+.fa-superscript:before {
+  content: "\f12b";
+}
+.fa-subscript:before {
+  content: "\f12c";
+}
+.fa-eraser:before {
+  content: "\f12d";
+}
+.fa-puzzle-piece:before {
+  content: "\f12e";
+}
+.fa-microphone:before {
+  content: "\f130";
+}
+.fa-microphone-slash:before {
+  content: "\f131";
+}
+.fa-shield:before {
+  content: "\f132";
+}
+.fa-calendar-o:before {
+  content: "\f133";
+}
+.fa-fire-extinguisher:before {
+  content: "\f134";
+}
+.fa-rocket:before {
+  content: "\f135";
+}
+.fa-maxcdn:before {
+  content: "\f136";
+}
+.fa-chevron-circle-left:before {
+  content: "\f137";
+}
+.fa-chevron-circle-right:before {
+  content: "\f138";
+}
+.fa-chevron-circle-up:before {
+  content: "\f139";
+}
+.fa-chevron-circle-down:before {
+  content: "\f13a";
+}
+.fa-html5:before {
+  content: "\f13b";
+}
+.fa-css3:before {
+  content: "\f13c";
+}
+.fa-anchor:before {
+  content: "\f13d";
+}
+.fa-unlock-alt:before {
+  content: "\f13e";
+}
+.fa-bullseye:before {
+  content: "\f140";
+}
+.fa-ellipsis-h:before {
+  content: "\f141";
+}
+.fa-ellipsis-v:before {
+  content: "\f142";
+}
+.fa-rss-square:before {
+  content: "\f143";
+}
+.fa-play-circle:before {
+  content: "\f144";
+}
+.fa-ticket:before {
+  content: "\f145";
+}
+.fa-minus-square:before {
+  content: "\f146";
+}
+.fa-minus-square-o:before {
+  content: "\f147";
+}
+.fa-level-up:before {
+  content: "\f148";
+}
+.fa-level-down:before {
+  content: "\f149";
+}
+.fa-check-square:before {
+  content: "\f14a";
+}
+.fa-pencil-square:before {
+  content: "\f14b";
+}
+.fa-external-link-square:before {
+  content: "\f14c";
+}
+.fa-share-square:before {
+  content: "\f14d";
+}
+.fa-compass:before {
+  content: "\f14e";
+}
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+  content: "\f150";
+}
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+  content: "\f151";
+}
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+  content: "\f152";
+}
+.fa-euro:before,
+.fa-eur:before {
+  content: "\f153";
+}
+.fa-gbp:before {
+  content: "\f154";
+}
+.fa-dollar:before,
+.fa-usd:before {
+  content: "\f155";
+}
+.fa-rupee:before,
+.fa-inr:before {
+  content: "\f156";
+}
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+  content: "\f157";
+}
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+  content: "\f158";
+}
+.fa-won:before,
+.fa-krw:before {
+  content: "\f159";
+}
+.fa-bitcoin:before,
+.fa-btc:before {
+  content: "\f15a";
+}
+.fa-file:before {
+  content: "\f15b";
+}
+.fa-file-text:before {
+  content: "\f15c";
+}
+.fa-sort-alpha-asc:before {
+  content: "\f15d";
+}
+.fa-sort-alpha-desc:before {
+  content: "\f15e";
+}
+.fa-sort-amount-asc:before {
+  content: "\f160";
+}
+.fa-sort-amount-desc:before {
+  content: "\f161";
+}
+.fa-sort-numeric-asc:before {
+  content: "\f162";
+}
+.fa-sort-numeric-desc:before {
+  content: "\f163";
+}
+.fa-thumbs-up:before {
+  content: "\f164";
+}
+.fa-thumbs-down:before {
+  content: "\f165";
+}
+.fa-youtube-square:before {
+  content: "\f166";
+}
+.fa-youtube:before {
+  content: "\f167";
+}
+.fa-xing:before {
+  content: "\f168";
+}
+.fa-xing-square:before {
+  content: "\f169";
+}
+.fa-youtube-play:before {
+  content: "\f16a";
+}
+.fa-dropbox:before {
+  content: "\f16b";
+}
+.fa-stack-overflow:before {
+  content: "\f16c";
+}
+.fa-instagram:before {
+  content: "\f16d";
+}
+.fa-flickr:before {
+  content: "\f16e";
+}
+.fa-adn:before {
+  content: "\f170";
+}
+.fa-bitbucket:before {
+  content: "\f171";
+}
+.fa-bitbucket-square:before {
+  content: "\f172";
+}
+.fa-tumblr:before {
+  content: "\f173";
+}
+.fa-tumblr-square:before {
+  content: "\f174";
+}
+.fa-long-arrow-down:before {
+  content: "\f175";
+}
+.fa-long-arrow-up:before {
+  content: "\f176";
+}
+.fa-long-arrow-left:before {
+  content: "\f177";
+}
+.fa-long-arrow-right:before {
+  content: "\f178";
+}
+.fa-apple:before {
+  content: "\f179";
+}
+.fa-windows:before {
+  content: "\f17a";
+}
+.fa-android:before {
+  content: "\f17b";
+}
+.fa-linux:before {
+  content: "\f17c";
+}
+.fa-dribbble:before {
+  content: "\f17d";
+}
+.fa-skype:before {
+  content: "\f17e";
+}
+.fa-foursquare:before {
+  content: "\f180";
+}
+.fa-trello:before {
+  content: "\f181";
+}
+.fa-female:before {
+  content: "\f182";
+}
+.fa-male:before {
+  content: "\f183";
+}
+.fa-gittip:before,
+.fa-gratipay:before {
+  content: "\f184";
+}
+.fa-sun-o:before {
+  content: "\f185";
+}
+.fa-moon-o:before {
+  content: "\f186";
+}
+.fa-archive:before {
+  content: "\f187";
+}
+.fa-bug:before {
+  content: "\f188";
+}
+.fa-vk:before {
+  content: "\f189";
+}
+.fa-weibo:before {
+  content: "\f18a";
+}
+.fa-renren:before {
+  content: "\f18b";
+}
+.fa-pagelines:before {
+  content: "\f18c";
+}
+.fa-stack-exchange:before {
+  content: "\f18d";
+}
+.fa-arrow-circle-o-right:before {
+  content: "\f18e";
+}
+.fa-arrow-circle-o-left:before {
+  content: "\f190";
+}
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+  content: "\f191";
+}
+.fa-dot-circle-o:before {
+  content: "\f192";
+}
+.fa-wheelchair:before {
+  content: "\f193";
+}
+.fa-vimeo-square:before {
+  content: "\f194";
+}
+.fa-turkish-lira:before,
+.fa-try:before {
+  content: "\f195";
+}
+.fa-plus-square-o:before {
+  content: "\f196";
+}
+.fa-space-shuttle:before {
+  content: "\f197";
+}
+.fa-slack:before {
+  content: "\f198";
+}
+.fa-envelope-square:before {
+  content: "\f199";
+}
+.fa-wordpress:before {
+  content: "\f19a";
+}
+.fa-openid:before {
+  content: "\f19b";
+}
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+  content: "\f19c";
+}
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+  content: "\f19d";
+}
+.fa-yahoo:before {
+  content: "\f19e";
+}
+.fa-google:before {
+  content: "\f1a0";
+}
+.fa-reddit:before {
+  content: "\f1a1";
+}
+.fa-reddit-square:before {
+  content: "\f1a2";
+}
+.fa-stumbleupon-circle:before {
+  content: "\f1a3";
+}
+.fa-stumbleupon:before {
+  content: "\f1a4";
+}
+.fa-delicious:before {
+  content: "\f1a5";
+}
+.fa-digg:before {
+  content: "\f1a6";
+}
+.fa-pied-piper-pp:before {
+  content: "\f1a7";
+}
+.fa-pied-piper-alt:before {
+  content: "\f1a8";
+}
+.fa-drupal:before {
+  content: "\f1a9";
+}
+.fa-joomla:before {
+  content: "\f1aa";
+}
+.fa-language:before {
+  content: "\f1ab";
+}
+.fa-fax:before {
+  content: "\f1ac";
+}
+.fa-building:before {
+  content: "\f1ad";
+}
+.fa-child:before {
+  content: "\f1ae";
+}
+.fa-paw:before {
+  content: "\f1b0";
+}
+.fa-spoon:before {
+  content: "\f1b1";
+}
+.fa-cube:before {
+  content: "\f1b2";
+}
+.fa-cubes:before {
+  content: "\f1b3";
+}
+.fa-behance:before {
+  content: "\f1b4";
+}
+.fa-behance-square:before {
+  content: "\f1b5";
+}
+.fa-steam:before {
+  content: "\f1b6";
+}
+.fa-steam-square:before {
+  content: "\f1b7";
+}
+.fa-recycle:before {
+  content: "\f1b8";
+}
+.fa-automobile:before,
+.fa-car:before {
+  content: "\f1b9";
+}
+.fa-cab:before,
+.fa-taxi:before {
+  content: "\f1ba";
+}
+.fa-tree:before {
+  content: "\f1bb";
+}
+.fa-spotify:before {
+  content: "\f1bc";
+}
+.fa-deviantart:before {
+  content: "\f1bd";
+}
+.fa-soundcloud:before {
+  content: "\f1be";
+}
+.fa-database:before {
+  content: "\f1c0";
+}
+.fa-file-pdf-o:before {
+  content: "\f1c1";
+}
+.fa-file-word-o:before {
+  content: "\f1c2";
+}
+.fa-file-excel-o:before {
+  content: "\f1c3";
+}
+.fa-file-powerpoint-o:before {
+  content: "\f1c4";
+}
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+  content: "\f1c5";
+}
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+  content: "\f1c6";
+}
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+  content: "\f1c7";
+}
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+  content: "\f1c8";
+}
+.fa-file-code-o:before {
+  content: "\f1c9";
+}
+.fa-vine:before {
+  content: "\f1ca";
+}
+.fa-codepen:before {
+  content: "\f1cb";
+}
+.fa-jsfiddle:before {
+  content: "\f1cc";
+}
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+  content: "\f1cd";
+}
+.fa-circle-o-notch:before {
+  content: "\f1ce";
+}
+.fa-ra:before,
+.fa-resistance:before,
+.fa-rebel:before {
+  content: "\f1d0";
+}
+.fa-ge:before,
+.fa-empire:before {
+  content: "\f1d1";
+}
+.fa-git-square:before {
+  content: "\f1d2";
+}
+.fa-git:before {
+  content: "\f1d3";
+}
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
+.fa-hacker-news:before {
+  content: "\f1d4";
+}
+.fa-tencent-weibo:before {
+  content: "\f1d5";
+}
+.fa-qq:before {
+  content: "\f1d6";
+}
+.fa-wechat:before,
+.fa-weixin:before {
+  content: "\f1d7";
+}
+.fa-send:before,
+.fa-paper-plane:before {
+  content: "\f1d8";
+}
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+  content: "\f1d9";
+}
+.fa-history:before {
+  content: "\f1da";
+}
+.fa-circle-thin:before {
+  content: "\f1db";
+}
+.fa-header:before {
+  content: "\f1dc";
+}
+.fa-paragraph:before {
+  content: "\f1dd";
+}
+.fa-sliders:before {
+  content: "\f1de";
+}
+.fa-share-alt:before {
+  content: "\f1e0";
+}
+.fa-share-alt-square:before {
+  content: "\f1e1";
+}
+.fa-bomb:before {
+  content: "\f1e2";
+}
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+  content: "\f1e3";
+}
+.fa-tty:before {
+  content: "\f1e4";
+}
+.fa-binoculars:before {
+  content: "\f1e5";
+}
+.fa-plug:before {
+  content: "\f1e6";
+}
+.fa-slideshare:before {
+  content: "\f1e7";
+}
+.fa-twitch:before {
+  content: "\f1e8";
+}
+.fa-yelp:before {
+  content: "\f1e9";
+}
+.fa-newspaper-o:before {
+  content: "\f1ea";
+}
+.fa-wifi:before {
+  content: "\f1eb";
+}
+.fa-calculator:before {
+  content: "\f1ec";
+}
+.fa-paypal:before {
+  content: "\f1ed";
+}
+.fa-google-wallet:before {
+  content: "\f1ee";
+}
+.fa-cc-visa:before {
+  content: "\f1f0";
+}
+.fa-cc-mastercard:before {
+  content: "\f1f1";
+}
+.fa-cc-discover:before {
+  content: "\f1f2";
+}
+.fa-cc-amex:before {
+  content: "\f1f3";
+}
+.fa-cc-paypal:before {
+  content: "\f1f4";
+}
+.fa-cc-stripe:before {
+  content: "\f1f5";
+}
+.fa-bell-slash:before {
+  content: "\f1f6";
+}
+.fa-bell-slash-o:before {
+  content: "\f1f7";
+}
+.fa-trash:before {
+  content: "\f1f8";
+}
+.fa-copyright:before {
+  content: "\f1f9";
+}
+.fa-at:before {
+  content: "\f1fa";
+}
+.fa-eyedropper:before {
+  content: "\f1fb";
+}
+.fa-paint-brush:before {
+  content: "\f1fc";
+}
+.fa-birthday-cake:before {
+  content: "\f1fd";
+}
+.fa-area-chart:before {
+  content: "\f1fe";
+}
+.fa-pie-chart:before {
+  content: "\f200";
+}
+.fa-line-chart:before {
+  content: "\f201";
+}
+.fa-lastfm:before {
+  content: "\f202";
+}
+.fa-lastfm-square:before {
+  content: "\f203";
+}
+.fa-toggle-off:before {
+  content: "\f204";
+}
+.fa-toggle-on:before {
+  content: "\f205";
+}
+.fa-bicycle:before {
+  content: "\f206";
+}
+.fa-bus:before {
+  content: "\f207";
+}
+.fa-ioxhost:before {
+  content: "\f208";
+}
+.fa-angellist:before {
+  content: "\f209";
+}
+.fa-cc:before {
+  content: "\f20a";
+}
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+  content: "\f20b";
+}
+.fa-meanpath:before {
+  content: "\f20c";
+}
+.fa-buysellads:before {
+  content: "\f20d";
+}
+.fa-connectdevelop:before {
+  content: "\f20e";
+}
+.fa-dashcube:before {
+  content: "\f210";
+}
+.fa-forumbee:before {
+  content: "\f211";
+}
+.fa-leanpub:before {
+  content: "\f212";
+}
+.fa-sellsy:before {
+  content: "\f213";
+}
+.fa-shirtsinbulk:before {
+  content: "\f214";
+}
+.fa-simplybuilt:before {
+  content: "\f215";
+}
+.fa-skyatlas:before {
+  content: "\f216";
+}
+.fa-cart-plus:before {
+  content: "\f217";
+}
+.fa-cart-arrow-down:before {
+  content: "\f218";
+}
+.fa-diamond:before {
+  content: "\f219";
+}
+.fa-ship:before {
+  content: "\f21a";
+}
+.fa-user-secret:before {
+  content: "\f21b";
+}
+.fa-motorcycle:before {
+  content: "\f21c";
+}
+.fa-street-view:before {
+  content: "\f21d";
+}
+.fa-heartbeat:before {
+  content: "\f21e";
+}
+.fa-venus:before {
+  content: "\f221";
+}
+.fa-mars:before {
+  content: "\f222";
+}
+.fa-mercury:before {
+  content: "\f223";
+}
+.fa-intersex:before,
+.fa-transgender:before {
+  content: "\f224";
+}
+.fa-transgender-alt:before {
+  content: "\f225";
+}
+.fa-venus-double:before {
+  content: "\f226";
+}
+.fa-mars-double:before {
+  content: "\f227";
+}
+.fa-venus-mars:before {
+  content: "\f228";
+}
+.fa-mars-stroke:before {
+  content: "\f229";
+}
+.fa-mars-stroke-v:before {
+  content: "\f22a";
+}
+.fa-mars-stroke-h:before {
+  content: "\f22b";
+}
+.fa-neuter:before {
+  content: "\f22c";
+}
+.fa-genderless:before {
+  content: "\f22d";
+}
+.fa-facebook-official:before {
+  content: "\f230";
+}
+.fa-pinterest-p:before {
+  content: "\f231";
+}
+.fa-whatsapp:before {
+  content: "\f232";
+}
+.fa-server:before {
+  content: "\f233";
+}
+.fa-user-plus:before {
+  content: "\f234";
+}
+.fa-user-times:before {
+  content: "\f235";
+}
+.fa-hotel:before,
+.fa-bed:before {
+  content: "\f236";
+}
+.fa-viacoin:before {
+  content: "\f237";
+}
+.fa-train:before {
+  content: "\f238";
+}
+.fa-subway:before {
+  content: "\f239";
+}
+.fa-medium:before {
+  content: "\f23a";
+}
+.fa-yc:before,
+.fa-y-combinator:before {
+  content: "\f23b";
+}
+.fa-optin-monster:before {
+  content: "\f23c";
+}
+.fa-opencart:before {
+  content: "\f23d";
+}
+.fa-expeditedssl:before {
+  content: "\f23e";
+}
+.fa-battery-4:before,
+.fa-battery-full:before {
+  content: "\f240";
+}
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+  content: "\f241";
+}
+.fa-battery-2:before,
+.fa-battery-half:before {
+  content: "\f242";
+}
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+  content: "\f243";
+}
+.fa-battery-0:before,
+.fa-battery-empty:before {
+  content: "\f244";
+}
+.fa-mouse-pointer:before {
+  content: "\f245";
+}
+.fa-i-cursor:before {
+  content: "\f246";
+}
+.fa-object-group:before {
+  content: "\f247";
+}
+.fa-object-ungroup:before {
+  content: "\f248";
+}
+.fa-sticky-note:before {
+  content: "\f249";
+}
+.fa-sticky-note-o:before {
+  content: "\f24a";
+}
+.fa-cc-jcb:before {
+  content: "\f24b";
+}
+.fa-cc-diners-club:before {
+  content: "\f24c";
+}
+.fa-clone:before {
+  content: "\f24d";
+}
+.fa-balance-scale:before {
+  content: "\f24e";
+}
+.fa-hourglass-o:before {
+  content: "\f250";
+}
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+  content: "\f251";
+}
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+  content: "\f252";
+}
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+  content: "\f253";
+}
+.fa-hourglass:before {
+  content: "\f254";
+}
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+  content: "\f255";
+}
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+  content: "\f256";
+}
+.fa-hand-scissors-o:before {
+  content: "\f257";
+}
+.fa-hand-lizard-o:before {
+  content: "\f258";
+}
+.fa-hand-spock-o:before {
+  content: "\f259";
+}
+.fa-hand-pointer-o:before {
+  content: "\f25a";
+}
+.fa-hand-peace-o:before {
+  content: "\f25b";
+}
+.fa-trademark:before {
+  content: "\f25c";
+}
+.fa-registered:before {
+  content: "\f25d";
+}
+.fa-creative-commons:before {
+  content: "\f25e";
+}
+.fa-gg:before {
+  content: "\f260";
+}
+.fa-gg-circle:before {
+  content: "\f261";
+}
+.fa-tripadvisor:before {
+  content: "\f262";
+}
+.fa-odnoklassniki:before {
+  content: "\f263";
+}
+.fa-odnoklassniki-square:before {
+  content: "\f264";
+}
+.fa-get-pocket:before {
+  content: "\f265";
+}
+.fa-wikipedia-w:before {
+  content: "\f266";
+}
+.fa-safari:before {
+  content: "\f267";
+}
+.fa-chrome:before {
+  content: "\f268";
+}
+.fa-firefox:before {
+  content: "\f269";
+}
+.fa-opera:before {
+  content: "\f26a";
+}
+.fa-internet-explorer:before {
+  content: "\f26b";
+}
+.fa-tv:before,
+.fa-television:before {
+  content: "\f26c";
+}
+.fa-contao:before {
+  content: "\f26d";
+}
+.fa-500px:before {
+  content: "\f26e";
+}
+.fa-amazon:before {
+  content: "\f270";
+}
+.fa-calendar-plus-o:before {
+  content: "\f271";
+}
+.fa-calendar-minus-o:before {
+  content: "\f272";
+}
+.fa-calendar-times-o:before {
+  content: "\f273";
+}
+.fa-calendar-check-o:before {
+  content: "\f274";
+}
+.fa-industry:before {
+  content: "\f275";
+}
+.fa-map-pin:before {
+  content: "\f276";
+}
+.fa-map-signs:before {
+  content: "\f277";
+}
+.fa-map-o:before {
+  content: "\f278";
+}
+.fa-map:before {
+  content: "\f279";
+}
+.fa-commenting:before {
+  content: "\f27a";
+}
+.fa-commenting-o:before {
+  content: "\f27b";
+}
+.fa-houzz:before {
+  content: "\f27c";
+}
+.fa-vimeo:before {
+  content: "\f27d";
+}
+.fa-black-tie:before {
+  content: "\f27e";
+}
+.fa-fonticons:before {
+  content: "\f280";
+}
+.fa-reddit-alien:before {
+  content: "\f281";
+}
+.fa-edge:before {
+  content: "\f282";
+}
+.fa-credit-card-alt:before {
+  content: "\f283";
+}
+.fa-codiepie:before {
+  content: "\f284";
+}
+.fa-modx:before {
+  content: "\f285";
+}
+.fa-fort-awesome:before {
+  content: "\f286";
+}
+.fa-usb:before {
+  content: "\f287";
+}
+.fa-product-hunt:before {
+  content: "\f288";
+}
+.fa-mixcloud:before {
+  content: "\f289";
+}
+.fa-scribd:before {
+  content: "\f28a";
+}
+.fa-pause-circle:before {
+  content: "\f28b";
+}
+.fa-pause-circle-o:before {
+  content: "\f28c";
+}
+.fa-stop-circle:before {
+  content: "\f28d";
+}
+.fa-stop-circle-o:before {
+  content: "\f28e";
+}
+.fa-shopping-bag:before {
+  content: "\f290";
+}
+.fa-shopping-basket:before {
+  content: "\f291";
+}
+.fa-hashtag:before {
+  content: "\f292";
+}
+.fa-bluetooth:before {
+  content: "\f293";
+}
+.fa-bluetooth-b:before {
+  content: "\f294";
+}
+.fa-percent:before {
+  content: "\f295";
+}
+.fa-gitlab:before {
+  content: "\f296";
+}
+.fa-wpbeginner:before {
+  content: "\f297";
+}
+.fa-wpforms:before {
+  content: "\f298";
+}
+.fa-envira:before {
+  content: "\f299";
+}
+.fa-universal-access:before {
+  content: "\f29a";
+}
+.fa-wheelchair-alt:before {
+  content: "\f29b";
+}
+.fa-question-circle-o:before {
+  content: "\f29c";
+}
+.fa-blind:before {
+  content: "\f29d";
+}
+.fa-audio-description:before {
+  content: "\f29e";
+}
+.fa-volume-control-phone:before {
+  content: "\f2a0";
+}
+.fa-braille:before {
+  content: "\f2a1";
+}
+.fa-assistive-listening-systems:before {
+  content: "\f2a2";
+}
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+  content: "\f2a3";
+}
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+  content: "\f2a4";
+}
+.fa-glide:before {
+  content: "\f2a5";
+}
+.fa-glide-g:before {
+  content: "\f2a6";
+}
+.fa-signing:before,
+.fa-sign-language:before {
+  content: "\f2a7";
+}
+.fa-low-vision:before {
+  content: "\f2a8";
+}
+.fa-viadeo:before {
+  content: "\f2a9";
+}
+.fa-viadeo-square:before {
+  content: "\f2aa";
+}
+.fa-snapchat:before {
+  content: "\f2ab";
+}
+.fa-snapchat-ghost:before {
+  content: "\f2ac";
+}
+.fa-snapchat-square:before {
+  content: "\f2ad";
+}
+.fa-pied-piper:before {
+  content: "\f2ae";
+}
+.fa-first-order:before {
+  content: "\f2b0";
+}
+.fa-yoast:before {
+  content: "\f2b1";
+}
+.fa-themeisle:before {
+  content: "\f2b2";
+}
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+  content: "\f2b3";
+}
+.fa-fa:before,
+.fa-font-awesome:before {
+  content: "\f2b4";
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}

static/css/font-awesome.min.css

+/*!
+ *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

static/test.js

+var map;
+var marker = [];
+var currentCity = "'.$workingAddress->city_id.'";
+$(function () {
+  $("#workingaddresses-region_id").chosen();
+  map = new AMap.Map('map', {
+    viewMode: '3D',
+    zoom: 12,
+    expandZoomRange: true,
+    jogEnable: true
+  });
+
+  AMap.plugin(["AMap.Scale", "AMap.ControlBar"],
+    function () {
+      map.addControl(new AMap.Scale());
+
+      map.addControl(new AMap.ControlBar());
+    });
+  $("#workingaddresses_region_id_chzn").on("keyup", "input", function () {
+    autoSearch($(this).val())
+  })
+
+  $("#workingaddresses_region_id_chzn .chzn-results").on("click", "li", function () {
+    if ($(this).index() < 0) {
+      return false;
+    }
+    $("#workingAddresses_address2").val($("#workingaddresses-region_id option:selected").attr("keyword"));
+    selectResult($("#workingaddresses-region_id option:selected").val(), $("#workingaddresses-region_id option:selected").attr("keyword"));
+  })
+})
+;
+
+function resetCityCenter () {
+  //加载城市查询插件
+  AMap.service(["AMap.CitySearch"], function () {
+      //实例化城市查询类
+      var citysearch = new AMap.CitySearch();
+      //自动获取用户IP，返回当前城市
+      citysearch.getLocalCity(function (status, result) {
+        if (status ===
+          'complete' && result.info === 'OK') {
+          if (result && result.city && result.bounds) {
+            //var cityinfo = result.city;
+            var citybounds = result.bounds;
+            currentCity = result.city;
+            map.setBounds(citybounds);
+            map.setZoom(12)
+          }
+        }
+        else {
+        }
+      })
+    }
+  )
+}
+
+function autoSearch (keywords) {
+  var auto;
+  //加载输入提示插件
+  AMap.service(["AMap.Autocomplete"], function () {
+    var autoOptions = {
+      city: currentCity //城市，默认全国
+    };
+    auto = new AMap.Autocomplete(autoOptions);
+    //查询成功时返回查询结果
+    if (keywords.length > 0) {
+      auto.search(keywords, function (status, result) {
+        autocomplete_CallBack(result);
+      });
+    }
+    else {
+      // document.getElementById("result1").style.display = "none";
+    }
+  });
+}
+
+
+//输出输入提示结果的回调函数
+function autocomplete_CallBack (data) {
+  var resultStr = "";
+  var tipArr = data.tips;
+  $("#workingaddresses-region_id option").remove();
+  if (tipArr && tipArr.length > 0) {
+    for (var i = 0; i < tipArr.length; i++) {
+      if (typeof(tipArr[i].adcode) != "object" && tipArr[i].adcode != "") {
+        currentCity = tipArr[i].adcode;
+        $("#workingaddresses-region_id").append("<option value=\'" + tipArr[i].adcode + "\' keyword=" + tipArr[i].district + tipArr[i].name + ">" + tipArr[i].district +\':\'+tipArr[i].name+"</option>");
+        $("#workingaddresses-region_id").trigger("liszt:updated");
+      }
+    }
+  }
+  else {
+    $("#workingaddresses-region_id").append("<option value=\'-1\'>没有找到您输入的地址！</option>");
+    $("#workingaddresses-region_id").trigger("liszt:updated");
+  }
+}
+
+function geocoder (address) {
+  var MGeocoder;
+  //加载地理编码插件
+  AMap.service(["AMap.Geocoder"], function () {
+      MGeocoder = new AMap.Geocoder({
+        radius: 1000 //范围，默认: 500
+      });
+      //返回地理编码结果
+      //地理编码
+
+      MGeocoder.getLocation(address, function (status, result) {
+        if (status ===
+          'complete' && result.info === 'OK') {
+          map.clearMap();
+          geocoder_CallBack(result);
+          map.setZoom(8)
+        }
+      })
+    }
+  )
+}
+
+function geocoder_CallBack (data) {
+  var resultStr = "";
+  //地理编码结果数组
+  var geocode = new Array();
+  geocode = data.geocodes;
+  for (var i = 0; i < geocode.length; i++) {
+    //拼接输出html
+    addmarker(i, geocode[i]);
+  }
+  map.setFitView();
+}
+
+function addmarker (i, d) {
+  var lngX = d.location.getLng();
+  var latY = d.location.getLat();
+  var markerOption = {
+    draggable: true, //点标记可拖拽
+    map: map,
+    icon: "/img/position.png",
+    position: new AMap.LngLat(lngX, latY),
+    raiseOnDrag: true
+  };
+  var mar = new AMap.Marker(markerOption);
+  marker.push(new AMap.LngLat(lngX, latY));
+  $("#workingAddresses_lng").val(lngX);
+  $("#workingAddresses_lat").val(latY);
+  var aa = function (e) {
+    postion = mar.getPosition();
+    $("#workingAddresses_lat").val(postion.lat);
+    $("#workingAddresses_lng").val(postion.lng);
+  };
+  AMap.event.addListener(mar, "mousemove", aa);
+}
+
+function selectResult (cityCode, text) {
+  //截取输入提示的关键字部分
+  //根据选择的输入提示关键字查询
+  map.plugin(["AMap.PlaceSearch"], function () {
+    var msearch = new AMap.PlaceSearch({
+      city: currentCity //范围，默认: 500
+    });  //构造地点查询类
+    AMap.event.addListener(msearch, "complete", placeSearch_CallBack); //查询成功时的回调函数
+    msearch.setCity(cityCode);
+    msearch.search(text);  //关键字查询查询
+  });
+}
+
+function placeSearch_CallBack (data) {
+  //清空地图上的InfoWindow和Marker
+  marker = [];
+  map.clearMap();
+  var resultStr1 = "";
+  var poiArr = data.poiList.pois;
+  var resultCount = poiArr.length;
+  for (var i = 0; i < resultCount; i++) {
+    addmarker(i, poiArr[i]);
+    break;
+  }
+  map.setFitView();
+}
+
+function regeocoder (lng, lat) {
+  var MGeocoder;
+  //加载地理编码插件
+  lnglatXY = new AMap.LngLat(lng, lat);
+  AMap.service(["AMap.Geocoder"], function () {
+      MGeocoder = new AMap.Geocoder({
+        radius: 1000,
+        extensions: "all"
+      });
+      //逆地理编码
+      MGeocoder.getAddress(lnglatXY, function (status, result) {
+        if (status ===
+          'complete' && result.info === 'OK') {
+        }
+      })
+    }
+  )
+}
+
+function addsinglemarker () {
+  var lngX = $("#workingAddresses_lng").val();
+  var latY = $("#workingAddresses_lat").val();
+  if ((lngX == "" && latY == "") || (lngX == "0" && latY == "0")) {
+    resetCityCenter();
+    return false;
+  }
+
+  var markerOption = {
+    draggable: true, //点标记可拖拽
+    map: map,
+    icon: "/img/position.png",
+    position: new AMap.LngLat(lngX, latY),
+    raiseOnDrag: true
+  };
+  var mar = new AMap.Marker(markerOption);
+  marker.push(new AMap.LngLat(lngX, latY));
+  var aa = function (e) {
+    postion = mar.getPosition();
+    $("#workingAddresses_lat").val(postion.lat);
+    $("#workingAddresses_lng").val(postion.lng);
+  };
+  AMap.event.addListener(mar, "mousemove", aa);
+  map.setFitView();
+}

test/data/element/department.json

+[
+  {
+    "request": {
+      "uri": "/dispatch-url/getExpensesDeptByName"
+    },
+    "response": {
+      "json": {
+        "code": 200,
+        "msg": "成功",
+        "result": {
+          "total": 2,
+          "list": [
+              {
+                  "deptNo": 56547,
+                  "deptName": "商务中心_运营组"
+              },
+              {
+                  "deptNo": 56809,
+                  "deptName": "商务中心_鞋包业务部"
+              }
+          ]
+        }
+      }
+    }
+  }
+]

test/data/element/getList.json

+[
+  {
+    "request": {
+      "uri": "/dispatch-url/getPoSampleOutList"
+    },
+    "response": {
+      "json": {
+        "code": 200,
+        "msg": "成功",
+        "result": {
+          "total": "200",
+          "list": [
+            {
+              "commandId": "YC201705250001",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "10",
+              "statName": "待提交",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-05-25 12:30:00",
+              "remark": "商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部"
+            },
+            {
+              "commandId": "YC201706250002",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "20",
+              "statName": "待出库",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-06-25 12:30:00",
+              "remark": "商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部"
+            },
+            {
+              "commandId": "YC201705250001",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "40",
+              "statName": "已出库",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-05-25 12:30:00",
+              "remark": "商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部"
+            },
+            {
+              "commandId": "YC201706250002",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "99",
+              "statName": "已取消",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-06-25 12:30:00",
+              "remark": "商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部"
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    "request": {
+      "uri": "/dispatch-url/getPoSampleGiftList"
+    },
+    "response": {
+      "json": {
+        "code": 200,
+        "msg": "成功",
+        "result": {
+          "total": "200",
+          "list": [
+            {
+              "commandId": "YC201705250001",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "10",
+              "statName": "待提交",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-05-25 12:30:00"
+            },
+            {
+              "commandId": "YC201706250002",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "20",
+              "statName": "待出库",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-06-25 12:30:00"
+            },
+            {
+              "commandId": "YC201705250001",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "40",
+              "statName": "已出库",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-05-25 12:30:00"
+            },
+            {
+              "commandId": "YC201706250002",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "60",
+              "statName": "已取消",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-06-25 12:30:00"
+            },
+            {
+              "commandId": "YC201706250002",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "70",
+              "statName": "已取消",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-06-25 12:30:00"
+            },
+            {
+              "commandId": "YC201706250002",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "99",
+              "statName": "已取消",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-06-25 12:30:00"
+            }
+          ]
+        }
+      }
+    }
+  },
+  {
+    "request": {
+      "uri": "/dispatch-url/getPoSampleInList"
+    },
+    "response": {
+      "json": {
+        "code": 200,
+        "msg": "成功",
+        "result": {
+          "total": "200",
+          "list": [
+            {
+              "commandId": "YC201705250001",
+              "preCommandId": "preCommandIdYC201705250001",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "10",
+              "statName": "待提交",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-05-25 12:30:00"
+            },
+            {
+              "commandId": "YC201706250002",
+              "preCommandId": "preCommandIdYC201705250001",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "30",
+              "statName": "待入库",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-06-25 12:30:00"
+            },
+            {
+              "commandId": "YC201705250001",
+              "preCommandId": "YC201705250001",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "50",
+              "statName": "已入库",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-05-25 12:30:00"
+            },
+            {
+              "commandId": "YC201706250002",
+              "preCommandId": "YC201705250001",
+              "type": "1",
+              "typeName": "样品借出",
+              "stat": "99",
+              "statName": "已取消",
+              "applyByOa": "jingxin.li",
+              "applyDeptName": "供应链研发部",
+              "expensesDeptName": "商务中心_服装业务部",
+              "createBy": "pengcheng.wang",
+              "createByOa": "pengcheng.wang",
+              "createTime": "2017-06-25 12:30:00"
+            }
+          ]
+        }
+      }
+    }
+  }
+]

test/data/element/getUsers.json

+[
+  {
+    "request": {
+      "uri": "/dispatch-url/getUsers",
+      "forms": {
+        "data": "{\"name\":\"\"}"
+      }
+    },
+    "response": {
+      "json": {
+        "code": 200,
+        "msg": "成功",
+        "result": {
+          "users": [
+            {
+              "name": "test",
+              "sex": 0,
+              "age": "24",
+              "birth": "1986-10-18",
+              "addr": "十里煲5号院2单元305",
+              "remark": "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
+            },
+            {
+              "name": "test",
+              "sex": 0,
+              "age": "24",
+              "birth": "1986-10-18",
+              "addr": "十里煲5号院2单元305",
+              "remark": "商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部"
+            },
+            {
+              "name": "test",
+              "sex": 0,
+              "age": "24",
+              "birth": "1986-10-18",
+              "addr": "十里煲5号院2单元305",
+              "remark": "商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部"
+            },
+            {
+              "name": "test",
+              "sex": 0,
+              "age": "24",
+              "birth": "1986-10-18",
+              "addr": "十里煲5号院2单元305",
+              "remark": "商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部"
+            },
+            {
+              "name": "test",
+              "sex": 0,
+              "age": "24",
+              "birth": "1986-10-18",
+              "addr": "十里煲5号院2单元305",
+              "remark": "商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部"
+            },
+            {
+              "name": "test",
+              "sex": 0,
+              "age": "24",
+              "birth": "1986-10-18",
+              "addr": "十里煲5号院2单元305",
+              "remark": "商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部"
+            },
+            {
+              "name": "test",
+              "sex": 0,
+              "age": "24",
+              "birth": "1986-10-18",
+              "addr": "十里煲5号院2单元305",
+              "remark": "商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部"
+            },
+            {
+              "name": "test",
+              "sex": 0,
+              "age": "24",
+              "birth": "1986-10-18",
+              "addr": "十里煲5号院2单元305",
+              "remark": "商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部商务中心_服装业务部"
+            }
+          ],
+          "total": "80"
+        }
+      }
+    }
+  },
+  {
+    "request": {
+      "uri": "/dispatch-url/getUsers",
+      "forms": {
+        "data": "{\"name\":\"test\"}"
+      }
+    },
+    "response": {
+      "json": {
+        "code": 200,
+        "msg": "成功",
+        "result": {
+          "users": [
+            {
+              "name": "test",
+              "sex": 0,
+              "age": "24",
+              "birth": "1986-10-18",
+              "addr": "十里煲5号院2单元305"
+            }
+          ]
+        }
+      }
+    }
+  }
+]

test/data/element/import.json

+[{
+  "request": {
+    "uri": "/getDownloadUrl"
+  },
+  "response": {
+    "json": {
+      "code": 200,
+      "msg": "成功",
+      "result": {}
+    }
+  }
+},{
+  "request": {
+    "uri": "/upload"
+  },
+  "response": {
+    "json": {
+      "code": 200,
+      "msg": "导入成功",
+      "result": {
+        "fid": "2222ded15e7e4488b433d6ac9a51f68a"
+      }
+    }
+  }
+},{
+  "request": {
+    "uri": "/dispatch-url/getImportList"
+  },
+  "response": {
+    "json": {
+      "code": 201,
+      "msg": "导入失败！申请数量不符",
+      "result": {
+        "errorMsg": [
+            "第1行的申请数量只能是正整数。",
+            "第3行商品名称错误，该条形码对应商品名称为【湖蓝色单肩手挽旅行袋】。",
+            "第50行商品条码不能为空。",
+            "所有导入数据必须是同一个PO下的不同条码。",
+            "第1行的申请数量只能是正整数。",
+            "第3行商品名称错误，该条形码对应商品名称为【湖蓝色单肩手挽旅行袋】。",
+            "第50行商品条码不能为空。",
+            "所有导入数据必须是同一个PO下的不同条码。",
+            "第1行的申请数量只能是正整数。",
+            "第3行商品名称错误，该条形码对应商品名称为【湖蓝色单肩手挽旅行袋】。",
+            "第50行商品条码不能为空。",
+            "所有导入数据必须是同一个PO下的不同条码。",
+            "第1行的申请数量只能是正整数。",
+            "第3行商品名称错误，该条形码对应商品名称为【湖蓝色单肩手挽旅行袋】。",
+            "第50行商品条码不能为空。",
+            "所有导入数据必须是同一个PO下的不同条码。"
+        ],
+        "totalNum": "20",
+        "totalPrice": "200",
+        "total": "100",
+        "detail": [
+            {
+                "goodSn": "SN1020232",
+                "goodName": "testtesttest夏季衣服",
+                "po": 21000742,
+                "unitType": "个",
+                "stockType": "SI",
+                "applyNum": 5,
+                "price": "10.00",
+                "budgetPrice": "50.00"
+            },
+            {
+                "goodSn": "SN1020232",
+                "goodName": "testtesttest电脑",
+                "po": 21000742,
+                "unitType": "个",
+                "stockType": "SI",
+                "applyNum": 5,
+                "price": "11.00",
+                "budgetPrice": "55.00"
+            }
+        ],
+        "data": [
+          {
+              "detailNum": 1,
+              "id": "VIS_STO_201705230000013"
+          },
+          {
+              "detailNum": 2,
+              "id": "VIS_STO_201705230000013"
+          },
+          {
+              "detailNum": 10,
+              "id": "VIS_STO_201705230000013"
+          },
+          {
+              "detailNum": 200,
+              "id": "VIS_STO_201705230000013"
+          }
+        ]
+      }
+    }
+  }
+}]
\ No newline at end of file

test/data/element/status.json

+[
+  {
+    "request": {
+      "uri": "/dispatch-url/getStatus"
+    },
+    "response": {
+      "json": {
+        "code": 200,
+        "msg": "成功",
+        "result": {
+          "10": "待提交",
+          "20": "待出库",
+          "30": "待入库",
+          "40": "已出库",
+          "50": "已入库",
+          "99": "已取消"
+        }
+      }
+    }
+  }
+]

test/data/settings.json

+[
+  {
+    "include": "options-request.json"
+  },
+  {
+   "request": {
+      "method": "get"
+    },
+    "response": {
+      "headers": {
+        "Access-Control-Allow-Origin": "*"
+      }
+    },
+    "include": "element/test.json"
+  },
+  {
+   "request": {
+      "method": "post"
+    },
+    "response": {
+      "headers": {
+        "Access-Control-Allow-Origin": "*"
+      }
+    },
+    "include": "element/getUsers.json"
+  },
+  {
+   "request": {
+      "method": "post"
+    },
+    "response": {
+      "headers": {
+        "Access-Control-Allow-Origin": "*"
+      }
+    },
+    "include": "element/queryContent.json"
+  },
+  {
+   "request": {
+      "method": "post"
+    },
+    "response": {
+      "headers": {
+        "Access-Control-Allow-Origin": "*"
+      }
+    },
+    "include": "element/import.json"
+  },
+  {
+   "request": {
+      "method": "post"
+    },
+    "response": {
+      "headers": {
+        "Access-Control-Allow-Origin": "*"
+      }
+    },
+    "include": "element/department.json"
+  },
+  {
+   "request": {
+      "method": "post"
+    },
+    "response": {
+      "headers": {
+        "Access-Control-Allow-Origin": "*"
+      }
+    },
+    "include": "element/status.json"
+  }
+]

test/e2e/custom-assertions/elementCount.js

+// A custom Nightwatch assertion.
+// the name of the method is the filename.
+// can be used in tests like this:
+//
+//   browser.assert.elementCount(selector, count)
+//
+// for how to write custom assertions see
+// http://nightwatchjs.org/guide#writing-custom-assertions
+exports.assertion = function (selector, count) {
+  this.message = 'Testing if element <' + selector + '> has count: ' + count
+  this.expected = count
+  this.pass = function (val) {
+    return val === this.expected
+  }
+  this.value = function (res) {
+    return res.value
+  }
+  this.command = function (cb) {
+    var self = this
+    return this.api.execute(function (selector) {
+      return document.querySelectorAll(selector).length
+    }, [selector], function (res) {
+      cb.call(self, res)
+    })
+  }
+}

test/e2e/nightwatch.conf.js

+require('babel-register')
+var config = require('../../config')
+
+// http://nightwatchjs.org/gettingstarted#settings-file
+module.exports = {
+  src_folders: ['test/e2e/specs'],
+  output_folder: 'test/e2e/reports',
+  custom_assertions_path: ['test/e2e/custom-assertions'],
+
+  selenium: {
+    start_process: true,
+    server_path: require('selenium-server').path,
+    host: '127.0.0.1',
+    port: 4444,
+    cli_args: {
+      'webdriver.chrome.driver': require('chromedriver').path
+    }
+  },
+
+  test_settings: {
+    default: {
+      selenium_port: 4444,
+      selenium_host: 'localhost',
+      silent: true,
+      globals: {
+        devServerURL: 'http://localhost:' + (process.env.PORT || config.dev.port)
+      }
+    },
+
+    chrome: {
+      desiredCapabilities: {
+        browserName: 'chrome',
+        javascriptEnabled: true,
+        acceptSslCerts: true
+      }
+    },
+
+    firefox: {
+      desiredCapabilities: {
+        browserName: 'firefox',
+        javascriptEnabled: true,
+        acceptSslCerts: true
+      }
+    }
+  }
+}

test/e2e/runner.js

+// 1. start the dev server using production config
+process.env.NODE_ENV = 'testing'
+var server = require('../../build/dev-server.js')
+
+server.ready.then(() => {
+  // 2. run the nightwatch test suite against it
+  // to run in additional browsers:
+  //    1. add an entry in test/e2e/nightwatch.conf.json under "test_settings"
+  //    2. add it to the --env flag below
+  // or override the environment flag, for example: `npm run e2e -- --env chrome,firefox`
+  // For more information on Nightwatch's config file, see
+  // http://nightwatchjs.org/guide#settings-file
+  var opts = process.argv.slice(2)
+  if (opts.indexOf('--config') === -1) {
+    opts = opts.concat(['--config', 'test/e2e/nightwatch.conf.js'])
+  }
+  if (opts.indexOf('--env') === -1) {
+    opts = opts.concat(['--env', 'chrome'])
+  }
+
+  var spawn = require('cross-spawn')
+  var runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' })
+
+  runner.on('exit', function (code) {
+    server.close()
+    process.exit(code)
+  })
+
+  runner.on('error', function (err) {
+    server.close()
+    throw err
+  })
+})

test/e2e/specs/test.js

+// For authoring Nightwatch tests, see
+// http://nightwatchjs.org/guide#usage
+
+module.exports = {
+  'default e2e tests': function (browser) {
+    // automatically uses dev Server port from /config.index.js
+    // default: http://localhost:8080
+    // see nightwatch.conf.js
+    const devServer = browser.globals.devServerURL
+
+    browser
+      .url(devServer)
+      .waitForElementVisible('#app', 5000)
+      .assert.elementPresent('.hello')
+      .assert.containsText('h1', 'Welcome to Your Vue.js App')
+      .assert.elementCount('img', 1)
+      .end()
+  }
+}

test/unit/.eslintrc

+{
+  "env": {
+    "mocha": true
+  },
+  "globals": {
+    "expect": true,
+    "sinon": true
+  }
+}

test/unit/index.js

+import Vue from 'vue'
+
+Vue.config.productionTip = false
+
+// require all test files (files that ends with .spec.js)
+const testsContext = require.context('./specs', true, /\.spec$/)
+testsContext.keys().forEach(testsContext)
+
+// require all src files except main.js for coverage.
+// you can also change this to match only the subset of files that
+// you want coverage for.
+const srcContext = require.context('../../src', true, /^\.\/(?!main(\.js)?$)/)
+srcContext.keys().forEach(srcContext)

test/unit/karma.conf.js

+// This is a karma config file. For more details see
+//   http://karma-runner.github.io/0.13/config/configuration-file.html
+// we are also using it with karma-webpack
+//   https://github.com/webpack/karma-webpack
+
+var webpackConfig = require('../../build/webpack.test.conf')
+
+module.exports = function (config) {
+  config.set({
+    // to run in additional browsers:
+    // 1. install corresponding karma launcher
+    //    http://karma-runner.github.io/0.13/config/browsers.html
+    // 2. add it to the `browsers` array below.
+    browsers: ['PhantomJS'],
+    frameworks: ['mocha', 'sinon-chai', 'phantomjs-shim'],
+    reporters: ['spec', 'coverage'],
+    files: ['./index.js'],
+    preprocessors: {
+      './index.js': ['webpack', 'sourcemap']
+    },
+    webpack: webpackConfig,
+    webpackMiddleware: {
+      noInfo: true
+    },
+    coverageReporter: {
+      dir: './coverage',
+      reporters: [
+        { type: 'lcov', subdir: '.' },
+        { type: 'text-summary' }
+      ]
+    }
+  })
+}

test/unit/specs/Hello.spec.js

+import Vue from 'vue'
+import Hello from '@/components/Hello'
+
+describe('Hello.vue', () => {
+  it('should render correct contents', () => {
+    const Constructor = Vue.extend(Hello)
+    const vm = new Constructor().$mount()
+    expect(vm.$el.querySelector('.hello h1').textContent)
+      .to.equal('Welcome to Your Vue.js App')
+  })
+})