地铁代码上传了

dtkf_web-master/.babelrc

@@ -0,0 +1,21 @@
+{
+	"presets": [
+		[
+			"env",
+			{
+				"useBuiltIns": true,
+				"modules": false,
+				"targets": {
+					"browsers": [
+						"ie 11"
+					]
+				}
+			}
+		],
+		"stage-2"
+	],
+	"plugins": [
+		"transform-vue-jsx",
+		"transform-runtime"
+	]
+}

dtkf_web-master/.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = tab
+indent_size = 4
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

dtkf_web-master/.gitignore

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

dtkf_web-master/.postcssrc.js

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

dtkf_web-master/README.md

@@ -0,0 +1,21 @@
+# newmsg
+
+> 地铁客服
+
+## 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
+```
+
+For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

dtkf_web-master/build/build.js

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

dtkf_web-master/build/check-versions.js

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

dtkf_web-master/build/utils.js

@@ -0,0 +1,102 @@
+'use strict'
+const path = require('path')
+const config = require('../config')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const packageConfig = require('../package.json')
+
+exports.assetsPath = function (_path) {
+  const assetsSubDirectory = process.env.NODE_ENV === 'production'
+    ? config.build.assetsSubDirectory
+    : config.dev.assetsSubDirectory
+
+  return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function (options) {
+  options = options || {}
+
+  const cssLoader = {
+    loader: 'css-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  const postcssLoader = {
+    loader: 'postcss-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  // generate loader string to be used with extract text plugin
+  function generateLoaders (loader, loaderOptions) {
+    const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [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',
+		publicPath:'../../'
+      })
+    } 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'),
+    stylus: generateLoaders('stylus'),
+    styl: generateLoaders('stylus')
+  }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function (options) {
+  const output = []
+  const loaders = exports.cssLoaders(options)
+
+  for (const extension in loaders) {
+    const loader = loaders[extension]
+    output.push({
+      test: new RegExp('\\.' + extension + '$'),
+      use: loader
+    })
+  }
+
+  return output
+}
+
+exports.createNotifierCallback = () => {
+  const notifier = require('node-notifier')
+
+  return (severity, errors) => {
+    if (severity !== 'error') return
+
+    const error = errors[0]
+    const filename = error.file && error.file.split('!').pop()
+
+    notifier.notify({
+      title: packageConfig.name,
+      message: severity + ': ' + error.name,
+      subtitle: filename || '',
+      icon: path.join(__dirname, 'logo.png')
+    })
+  }
+}

dtkf_web-master/build/vue-loader.conf.js

@@ -0,0 +1,22 @@
+'use strict'
+const utils = require('./utils')
+const config = require('../config')
+const isProduction = process.env.NODE_ENV === 'production'
+const sourceMapEnabled = isProduction
+  ? config.build.productionSourceMap
+  : config.dev.cssSourceMap
+
+module.exports = {
+  loaders: utils.cssLoaders({
+    sourceMap: sourceMapEnabled,
+    extract: isProduction
+  }),
+  cssSourceMap: sourceMapEnabled,
+  cacheBusting: config.dev.cacheBusting,
+  transformToRequire: {
+    video: ['src', 'poster'],
+    source: 'src',
+    img: 'src',
+    image: 'xlink:href'
+  }
+}

dtkf_web-master/build/webpack.base.conf.js

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

dtkf_web-master/build/webpack.dev.conf.js

@@ -0,0 +1,95 @@
+'use strict'
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const path = require('path')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+const portfinder = require('portfinder')
+
+const HOST = process.env.HOST
+const PORT = process.env.PORT && Number(process.env.PORT)
+
+const devWebpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
+  },
+  // cheap-module-eval-source-map is faster for development
+  devtool: config.dev.devtool,
+
+  // these devServer options should be customized in /config/index.js
+  devServer: { 
+    clientLogLevel: 'warning',
+    historyApiFallback: {
+      rewrites: [
+        { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
+      ],
+    },
+    hot: true,
+    contentBase: false, // since we use CopyWebpackPlugin.
+    compress: true,
+    host: HOST || config.dev.host,
+    port: PORT || config.dev.port,
+    open: config.dev.autoOpenBrowser,
+    overlay: config.dev.errorOverlay
+      ? { warnings: false, errors: true }
+      : false,
+    publicPath: config.dev.assetsPublicPath,
+    proxy: config.dev.proxyTable,
+    quiet: true, // necessary for FriendlyErrorsPlugin
+    watchOptions: {
+      poll: config.dev.poll,
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': require('../config/dev.env')
+    }),
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
+    new webpack.NoEmitOnErrorsPlugin(),
+    // https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: 'index.html',
+      inject: true
+    }),
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.dev.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ]
+})
+
+module.exports = new Promise((resolve, reject) => {
+  portfinder.basePort = process.env.PORT || config.dev.port
+  portfinder.getPort((err, port) => {
+    if (err) {
+      reject(err)
+    } else {
+      // publish the new Port, necessary for e2e tests
+      process.env.PORT = port
+      // add port to devServer config
+      devWebpackConfig.devServer.port = port
+
+      // Add FriendlyErrorsPlugin
+      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
+        compilationSuccessInfo: {
+          messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
+        },
+        onErrors: config.dev.notifyOnErrors
+        ? utils.createNotifierCallback()
+        : undefined
+      }))
+
+      resolve(devWebpackConfig)
+    }
+  })
+})

dtkf_web-master/build/webpack.prod.conf.js

@@ -0,0 +1,145 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+
+const env = require('../config/prod.env')
+
+const webpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({
+      sourceMap: config.build.productionSourceMap,
+      extract: true,
+      usePostCSS: true
+    })
+  },
+  devtool: config.build.productionSourceMap ? config.build.devtool : false,
+  output: {
+    path: config.build.assetsRoot,
+    filename: utils.assetsPath('js/[name].[chunkhash].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 UglifyJsPlugin({
+      uglifyOptions: {
+        compress: {
+          warnings: false
+        }
+      },
+      sourceMap: config.build.productionSourceMap,
+      parallel: true
+    }),
+    // extract css into its own file
+    new ExtractTextPlugin({
+      filename: utils.assetsPath('css/[name].[contenthash].css'),
+      // Setting the following option to `false` will not extract CSS from codesplit chunks.
+      // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
+      // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, 
+      // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
+      allChunks: true,
+    }),
+    // Compress extracted CSS. We are using this plugin so that possible
+    // duplicated CSS from different components can be deduped.
+    new OptimizeCSSPlugin({
+      cssProcessorOptions: config.build.productionSourceMap
+        ? { safe: true, map: { inline: false } }
+        : { 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: config.build.index,
+      template: 'index.blade.php',
+      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'
+    }),
+    // keep module.id stable when vendor modules does not change
+    new webpack.HashedModuleIdsPlugin(),
+    // enable scope hoisting
+    new webpack.optimize.ModuleConcatenationPlugin(),
+    // split vendor js into its own file
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'vendor',
+      minChunks (module) {
+        // 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',
+      minChunks: Infinity
+    }),
+    // This instance extracts shared chunks from code splitted chunks and bundles them
+    // in a separate chunk, similar to the vendor chunk
+    // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'app',
+      async: 'vendor-async',
+      children: true,
+      minChunks: 3
+    }),
+
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.build.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ]
+})
+
+if (config.build.productionGzip) {
+  const CompressionWebpackPlugin = require('compression-webpack-plugin')
+
+  webpackConfig.plugins.push(
+    new CompressionWebpackPlugin({
+      asset: '[path].gz[query]',
+      algorithm: 'gzip',
+      test: new RegExp(
+        '\\.(' +
+        config.build.productionGzipExtensions.join('|') +
+        ')$'
+      ),
+      threshold: 10240,
+      minRatio: 0.8
+    })
+  )
+}
+
+if (config.build.bundleAnalyzerReport) {
+  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+  webpackConfig.plugins.push(new BundleAnalyzerPlugin())
+}
+
+module.exports = webpackConfig

dtkf_web-master/config/dev.env.js

@@ -0,0 +1,7 @@
+'use strict'
+const merge = require('webpack-merge')
+const prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+  NODE_ENV: '"development"'
+})

dtkf_web-master/config/index.js

@@ -0,0 +1,77 @@
+'use strict'
+// Template version: 1.3.1
+// see http://vuejs-templates.github.io/webpack for documentation.
+
+const path = require('path')
+
+module.exports = {
+  dev: {
+
+    // Paths
+    assetsSubDirectory: 'static', 
+    assetsPublicPath: '/',
+    //proxyTable: {},
+    proxyTable: {
+      "/api": {
+         target: "http://dtkf.hyrjdz.cn/api", //设置调用的接口域名和端口
+         changeOrigin: true,    //是否跨域
+         pathRewrite: {
+           "^/api": "" //用'/api' 代替 'http://www.liulongbin.top:3005/api'
+         }
+       }
+    },
+    // Various Dev Server settings
+    host: 'localhost', // can be overwritten by process.env.HOST
+    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    autoOpenBrowser: false,
+    errorOverlay: true,
+    notifyOnErrors: true,
+    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
+
+
+    /**
+     * Source Maps
+     */
+
+    // https://webpack.js.org/configuration/devtool/#development
+    devtool: 'cheap-module-eval-source-map',
+
+    // If you have problems debugging vue-files in devtools,
+    // set this to false - it *may* help
+    // https://vue-loader.vuejs.org/en/options.html#cachebusting
+    cacheBusting: true,
+
+    cssSourceMap: true
+  },
+
+  build: {
+    // Template for index.html
+    index: path.resolve(__dirname, '../dist/index.blade.php'),
+
+    // Paths
+    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsSubDirectory: 'static',
+    assetsPublicPath: './',
+
+    /**
+     * Source Maps
+     */
+
+    productionSourceMap: false,
+    // https://webpack.js.org/configuration/devtool/#production
+    devtool: '#source-map',
+
+    // Gzip off by default as many popular static hosts such as
+    // Surge or Netlify already gzip all static assets for you.
+    // Before setting to `true`, make sure to:
+    // npm install --save-dev compression-webpack-plugin
+    productionGzip: false,
+    productionGzipExtensions: ['js', 'css'],
+
+    // Run the build command with an extra argument to
+    // View the bundle analyzer report after build finishes:
+    // `npm run build --report`
+    // Set to `true` or `false` to always turn it on or off
+    bundleAnalyzerReport: process.env.npm_config_report
+  }
+}

dtkf_web-master/config/prod.env.js

@@ -0,0 +1,4 @@
+'use strict'
+module.exports = {
+  NODE_ENV: '"production"'
+}

dtkf_web-master/index.blade.php

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<base href="{!! asset('web/wxkf') !!}/">
+	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
+	<title>微信在线客服</title>
+	<link rel="stylesheet" href="./static/icon/material-icons.css">
+	<script>
+		var config = {!! json_encode($config,256) !!};
+	</script>
+</head>
+
+<body>
+	<div id="app"></div>
+	<script src="./static/js/niuniucapture.js"></script>
+	<!-- built files will be auto injected -->
+</body>
+
+</html>

dtkf_web-master/index.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <title>微信客服</title>
+  <link rel="stylesheet" href="./static/icon/material-icons.css">
+  <script>
+    var config = {
+      img_path: 'http://127.0.0.1/dtkf/public/storage/',
+      base: 'http://dtkf.hyrjdz.cn/api/dtkf',
+      service_id: 1,
+      service: [
+        { id: 1, name: '客服1' },
+        { id: 2, name: '客服2' },
+        { id: 3, name: '客服3' }
+      ]
+    }
+  </script>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script src="./static/js/niuniucapture.js"></script>
+  <!-- built files will be auto injected -->
+</body>
+
+</html>

dtkf_web-master/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "newmsg",
+  "version": "1.0.0",
+  "description": "地铁客服",
+  "author": "赵雪林 <409774878@qq.com>",
+  "private": true,
+  "scripts": {
+    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "start": "npm run dev",
+    "build": "node build/build.js" 
+  },
+  "dependencies": {
+    "axios": "^0.18.0",
+    "copy-to-clipboard": "^3.2.0",
+    "muse-ui": "^3.0.1",
+    "muse-ui-message": "^0.2.1",
+    "muse-ui-toast": "^0.3.0",
+    "qq-wechat-emotion-parser": "^1.0.4",
+    "vue": "^2.5.2"
+  },
+  "devDependencies": {
+    "autoprefixer": "^7.1.2",
+    "babel-core": "^6.22.1",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-loader": "^7.1.1",
+    "babel-plugin-import": "^1.10.0",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-runtime": "^6.22.0",
+    "babel-plugin-transform-vue-jsx": "^3.5.0",
+    "babel-polyfill": "^6.26.0",
+    "babel-preset-env": "^1.3.2",
+    "babel-preset-stage-2": "^6.22.0",
+    "chalk": "^2.0.1",
+    "copy-webpack-plugin": "^4.0.1",
+    "css-loader": "^3.1.0",
+    "extract-text-webpack-plugin": "^3.0.0",
+    "file-loader": "^1.1.4",
+    "friendly-errors-webpack-plugin": "^1.6.1",
+    "html-webpack-plugin": "^2.30.1",
+    "koa2-cors": "^2.0.6",
+    "node-notifier": "^5.1.2",
+    "optimize-css-assets-webpack-plugin": "^3.2.0",
+    "ora": "^1.2.0",
+    "portfinder": "^1.0.13",
+    "postcss-import": "^11.0.0",
+    "postcss-loader": "^2.0.8",
+    "postcss-url": "^7.2.1",
+    "promise.prototype.finally": "^3.1.0",
+    "rimraf": "^2.6.0",
+    "semver": "^5.3.0",
+    "shelljs": "^0.7.6",
+    "uglifyjs-webpack-plugin": "^1.1.1",
+    "url-loader": "^2.1.0",
+    "vue-loader": "^13.3.0",
+    "vue-style-loader": "^3.0.1",
+    "vue-template-compiler": "^2.5.2",
+    "webpack": "^3.6.0",
+    "webpack-bundle-analyzer": "^3.3.2",
+    "webpack-dev-server": "^2.9.1",
+    "webpack-merge": "^4.1.0"
+  },
+  "engines": {
+    "node": ">= 6.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "ie 11"
+  ]
+}

dtkf_web-master/src/App.vue

@@ -0,0 +1,202 @@
+<template>
+	<div class="main">
+		<div class="left">
+			<mu-tabs :value.sync="active" inverse indicator-color="blue" center class="top-tabs">
+				<mu-tab>对话中</mu-tab>
+				<mu-tab>
+					<span>待接入
+						<mu-badge :content="waiting_count.toString()" color="red" v-show="waiting_count>0"></mu-badge>
+					</span>
+				</mu-tab>
+			</mu-tabs>
+			<div class="tab-items">
+				<Talking v-show="active==0" :last_time="last_time" @change="(id)=>{talk_with=id}"></Talking>
+				<Waiting v-show="active!=0"></Waiting>
+				<mu-menu class="main-menu">
+					<mu-button fab small color="teal500">
+						<mu-icon value="menu"></mu-icon>
+					</mu-button>
+					<ul class="mu-list static-list" slot="content">
+						<li @click="view='Manage'">
+							<div class="mu-item">
+								<i class="mu-icon material-icons">find_in_page</i>
+								<div class="mu-item-title">消息管理器</div>
+							</div>
+						</li>
+					</ul>
+				</mu-menu>
+			</div>
+		</div>
+		<div class="middle">
+			<Dialogue v-show="view=='Dialogue'"/>
+			<Manage v-if="view=='Manage'" @close="view='Dialogue'"/>
+		</div>
+		<div class="right">
+			<Quick></Quick>
+		</div>
+		<Upload></Upload>
+		<Record></Record>
+		<Voice></Voice>
+		<mu-dialog class="loading" width="400" max-width="80%" :esc-press-close="false" :overlay-close="false" :open="loading">
+			<mu-icon value="loop" class="rotate"></mu-icon>
+			<h2>正在处理……</h2>
+		</mu-dialog>
+	</div>
+</template>
+
+<script>
+import Talking from './components/talking';
+import Waiting from './components/waiting';
+import Dialogue from './components/dialogue';
+import Record from './components/record';
+import Upload from './components/upload';
+import Quick from './components/quick';
+import Manage from './components/manage';
+import Voice from './components/voice';
+
+let wait_step = 0;
+
+export default {
+	name: "App",
+	components: {
+		Talking, Waiting, Record, Dialogue, Upload, Quick, Manage, Voice
+	},
+	data() {
+		return {
+			loading: false,
+			active: 0,
+			talk_with: 0,
+			last_time: 0,
+			waiting_count: 0,
+			service: config.service,
+			view: 'Dialogue'
+		}
+	},
+	methods: {
+		openRecord() {
+			this.$refs.record.open();
+		},
+		polling() {
+			let query = {
+				service_id: config.service_id,
+				talking_list: this.last_time
+			};
+			if (this.talk_with) query.talk_with = this.talk_with;
+			this.$ajax.get('polling', { params: query }).then((res) => {
+				if (res.code === 0) {
+					if (res.data.talking_list.length > 0) {
+						this.$bus.$emit('update_talking_list', res.data.talking_list);
+						wait_step = 0;
+					} else if (++wait_step > 30) {
+						this.$bus.$emit('update_talking_list', []);
+						wait_step = 0;
+					}
+					if (res.data.waiting_count != this.waiting_count) {
+						this.$bus.$emit('update_waiting_list');
+					}
+					this.waiting_count = res.data.waiting_count;
+					this.last_time = res.data.last_time;
+				} else {
+
+				}
+			}).finally(() => {
+				setTimeout(() => {
+					this.polling();
+				}, 5000);
+			})
+		}
+	},
+	created() {
+		this.$bus.loading = (l) => {
+			this.active = 0;
+			this.loading = l;
+		};
+		this.$bus.$on('access_user', (item) => {
+			this.waiting_count--;
+		});
+		this.polling();
+	}
+};
+</script>
+
+<style>
+.main {
+	position: relative;
+	height: 100vh;
+	width: 100vw;
+	background: #fff;
+	min-width: 1280px;
+	min-height: 480px;
+}
+.left,
+.middle,
+.right {
+	height: 100%;
+}
+.left,
+.right {
+	width: 350px;
+	position: absolute;
+	top: 0;
+}
+.middle {
+	width: 100%;
+	padding: 0 350px;
+	box-sizing: border-box;
+}
+.left {
+	border-right: 1px #ddd solid;
+}
+.right {
+	border-left: 1px #ddd solid;
+	right: 0;
+}
+
+.top-tabs {
+	position: absolute;
+	width: 100%;
+}
+.tab-items {
+	width: 100%;
+	height: 100%;
+	padding-top: 50px;
+	overflow-y: auto;
+}
+.loading h2 {
+	font-size: 22px;
+	margin: 0;
+	padding-left: 50px;
+}
+@keyframes icon-rotate {
+	0% {
+		transform: rotate(0);
+	}
+	100% {
+		transform: rotate(-360deg);
+	}
+}
+.loading .mu-icon {
+	font-size: 35px;
+	position: absolute;
+}
+.mu-icon.rotate {
+	animation: icon-rotate 1s linear infinite;
+}
+.mu-avatar {
+	line-height: 38px;
+}
+.mu-list {
+	padding: 0;
+}
+.main-menu {
+	position: absolute;
+	right: 10px;
+	bottom: 10px;
+}
+.mu-button {
+	vertical-align: middle;
+}
+.mu-card-header{
+	padding: 5px 10px;
+}
+</style>

dtkf_web-master/src/components/dialogue.vue

@@ -0,0 +1,515 @@
+<template>
+	<div class="talking" v-if="user">
+		<mu-card-header :title="user.nickname" sub-title="微信用户" class="mu-elevation-2">
+			<mu-avatar slot="avatar" v-html="user.headimg"></mu-avatar>
+			<div style="float:right;line-height: 36px">
+				<mu-menu>
+					<mu-button round color="error">
+						<mu-icon value="close"></mu-icon>结束
+					</mu-button>
+					<ul class="mu-list static-list" slot="content">
+						<li @click="closeOrder">
+							<div class="mu-item">
+								<i class="mu-icon material-icons">launch</i>
+								<div class="mu-item-title">生成工单</div>
+							</div>
+						</li>
+						<li @click="closeMsg">
+							<div class="mu-item">
+								<i class="mu-icon material-icons">remove_circle_outline</i>
+								<div class="mu-item-title">结束会话</div>
+							</div>
+						</li>
+					</ul>
+				</mu-menu>
+				<mu-menu>
+					<mu-button round color="success">
+						<mu-icon value="refresh"></mu-icon>转接
+					</mu-button>
+					<ul class="mu-list static-list" slot="content">
+						<li v-for="item in service" :key="item.id" @click="transfer(item.id)">
+							<div class="mu-item">
+								<i class="mu-icon material-icons">account_box</i>
+								<div class="mu-item-title">{{item.name}}</div>
+							</div>
+						</li>
+					</ul>
+				</mu-menu>
+			</div>
+		</mu-card-header>
+		<div class="chat-list" ref="list">
+			<template v-for="item in user.msg">
+				<div class="chat-msg chat-tip" v-if="item.type==2" :key="item.id" style="text-align:center">{{item.msg}} {{item.created_at}}</div>
+				<div class="chat-msg" v-else :key="item.id" :class="{self:item.source>=1,error:item.load==2}">
+					<div class="chat-info">
+						<span class="chat-name">{{item.source>0?'客服':user.nickname}}</span>
+						<span class="chat-timestamp">{{item.created_at}}</span>
+					</div>
+					<mu-avatar v-html="item.source>0?'客':user.headimg"></mu-avatar>
+					<div class="chat-text">
+						<span>
+							<mu-icon class="tip" :class="{rotate:item.load==1}" :value="item.load==1?'loop':'error'" v-if="item.load"></mu-icon>
+							<p v-html="item.msg"></p>
+						</span>
+					</div>
+				</div>
+			</template>
+		</div>
+		<div class="editer">
+			<textarea ref="input" @keyup="keyUp" @keydown="keyDown"></textarea>
+			<div class="action top">
+				<Face @change="insertText"></Face>
+				<Screenshot></Screenshot>
+				<mu-button flat style="float:right" @click="$bus.$emit('open_record', user)">聊天记录
+					<mu-icon right value="more_horiz"></mu-icon>
+				</mu-button>
+			</div>
+			<div class="action bottom">
+				<span style="margin-right: 20px">Enter发送，Ctrl+Enter换行</span>
+				<mu-button round color="primary" @click="send">发送
+					<mu-icon value="send" right></mu-icon>
+				</mu-button>
+			</div>
+		</div>
+	</div>
+	<div class="talking" v-else>
+		<mu-icon value="sms" class="none"></mu-icon>
+	</div>
+</template>
+
+<script>
+import Face from './face';
+import Screenshot from './screenshot';
+import emotion from "qq-wechat-emotion-parser";
+
+function transform(text) {
+	text = text.replace(/\n/g, "<br>");
+	return emotion(text);
+}
+
+function imgTag(path) {
+	return '<img src="' + config.img_path + path + '">';
+}
+
+function insertText(obj, str) {
+	if (document.selection) {
+		var sel = document.selection.createRange();
+		sel.text = str;
+	} else if (typeof obj.selectionStart === "number" && typeof obj.selectionEnd === "number") {
+		var startPos = obj.selectionStart,
+			endPos = obj.selectionEnd,
+			cursorPos = startPos,
+			tmpStr = obj.value;
+		obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
+		cursorPos += str.length;
+		obj.selectionStart = obj.selectionEnd = cursorPos;
+	} else {
+		obj.value += str;
+	}
+}
+
+let last_timer = 0;
+
+export default {
+	name: "dialogue",
+	components: {
+		Face, Screenshot
+	},
+	data() {
+		return {
+			user_id: 0,
+			record: {},
+			service: config.service
+		}
+	},
+	computed: {
+		user() {
+			return this.record[this.user_id];
+		}
+	},
+	methods: {
+		closeOrder() {
+			this.$confirm('点击确认将会打开生成工单界面，填写提交后将会生成工单并在稍后结束当前会话。', '确定要生成工单吗？').then(({ result }) => {
+				if (result) {
+					window.open(config.base + 'close/' + this.user_id);
+					this.$alert("请在打开的工单窗口填写工单信息，提交工单后聊天将在稍后自动结束。");
+				}
+			});
+		},
+		closeMsg() {
+			this.$confirm('点击确认将会结束当前会话并从会话列表移除对话，但不会生成工单。', '确定要结束会话吗？').then(({ result }) => {
+				if (result) {
+					this.$bus.loading(true);
+					this.$ajax.get('close_msg', {
+						params: {
+							service_id: config.service_id,
+							customer_id: this.user_id
+						}
+					}).finally(() => {
+						this.$bus.loading(false);
+					}).then((res) => {
+						this.$alert("已结束会话。");
+						this.$bus.$emit('update_msg', {
+							id: this.user_id,
+							close: 1
+						});
+						this.user_id = 0;
+					});
+				}
+			});
+		},
+		scrollBottom() {
+			this.$nextTick(() => {
+				this.$refs.list.scrollTop = this.$refs.list.scrollHeight;
+			});
+		},
+		insertText(str) {
+			insertText(this.$refs.input, str);
+		},
+		keyDown(e) {
+			switch (e.keyCode) {
+				case 13:
+					if (this.ctrl) {
+						this.insertText('\n');
+					} else {
+						this.send();
+					}
+					e.preventDefault();
+					return false;
+				case 17:
+					this.ctrl = 1;
+					break;
+			}
+		},
+		keyUp(e) {
+			if (e.keyCode === 17)
+				this.ctrl = 0;
+		},
+		transfer(id) {
+			this.$prompt('请输入转接原因', '提示').then(({ result, value }) => {
+				if (result) {
+					this.$bus.loading(true);
+					this.$ajax.get('transfer', {
+						params: {
+							service_id: id,
+							customer_id: this.user_id,
+							msg: value
+						}
+					}).finally(() => {
+						this.$bus.loading(false);
+					}).then((res) => {
+						if (res.code === 0) {
+							this.$alert('转接完毕');
+							this.$bus.$emit('update_msg', {
+								id: this.user_id,
+								close: 1
+							});
+							this.user_id = 0;
+						}
+					});
+				}
+			});
+		},
+		postMsg(msg, text) {
+			let user = this.user;
+			this.user.msg.push(msg);
+			this.scrollBottom();
+			this.$ajax.post('send_msg', {
+				service_id: config.service_id,
+				customer_id: user.id,
+				type: msg.type,
+				msg: text
+			}).then((res) => {
+				if (res.code === 0) {
+					msg.load = 0;
+					this.$bus.$emit('update_msg', {
+						id: user.id,
+						msg: msg.type ? '[图片]' : text,
+						clean: 1
+					});
+				} else {
+					msg.load = 2;
+				}
+			}).catch(() => {
+				msg.load = 2;
+			});
+		},
+		send() {
+			let text = this.$refs.input.value;
+			if (!text.length) {
+				this.$alert('发送消息不能为空');
+				return;
+			}
+			let now = new Date;
+			let msg = {
+				id: now.getTime(),
+				source: 1,
+				type: 0,
+				created_at: now.toLocaleString(),
+				msg: transform(text),
+				load: 1
+			}
+			this.postMsg(msg, text);
+			this.$refs.input.value = '';
+		},
+		loadMsg(user_id) {
+			if (user_id != this.user_id) return;
+			let timer = ++last_timer;
+			let user = this.record[user_id];
+			this.$ajax.get('msg_list', {
+				params: {
+					service_id: config.service_id,
+					customer_id: user.id,
+					last_id: user.last_id
+				}
+			}).then((res) => {
+				if (res.code === 0 && timer == last_timer) {
+					if (res.data.length > 0) {
+						let msg;
+						for (let index = 0; index < res.data.length; index++) {
+							msg = res.data[index];
+							msg.created_at = (new Date(msg.created_at * 1000)).toLocaleString();
+							switch (msg.type) {
+								case 0:
+									msg.msg = transform(msg.msg);
+									break;
+								case 1:
+									msg.msg = imgTag(msg.msg)
+									break;
+								case 3:
+									msg.msg = '<span onclick="voice(\''+msg.msg+'\','+msg.id+')" class="mu-chip mu-success-color mu-inverse"><i class="mu-icon material-icons">keyboard_voice</i> 点击播放语音</span>'
+									break;
+							}
+							user.msg.push(msg);
+						}
+						this.$bus.$emit('update_msg', {
+							id: user.id,
+							msg: (msg.type == 1||msg.type == 3) ? ('['+(msg.type == 1?'图片':'语音')+']') : msg.msg,
+							close: user.last_id && msg.type == 2 ? 1 : 0
+						});
+						user.last_id = msg.id;
+						if (user.msg.length > 50) {
+							user.msg = user.msg.slice(-20);
+						}
+						this.scrollBottom();
+					}
+				}
+				setTimeout(() => {
+					if (timer == last_timer) this.loadMsg(user_id, timer);
+				}, 3000);
+			}).catch(() => {
+				setTimeout(() => {
+					if (timer == last_timer) this.loadMsg(user_id, timer);
+				}, 5000);
+			});
+		}
+	},
+	created() {
+		this.$bus.$on('talk_with', (item) => {
+			if (!this.record[item.id]) {
+				this.$set(this.record, item.id, {
+					id: item.id,
+					nickname: item.nickname,
+					headimg: item.headimg,
+					last_id: 0,
+					msg: []
+				});
+			} else {
+				this.scrollBottom();
+			}
+			this.user_id = item.id;
+			this.loadMsg(item.id);
+		});
+		this.$bus.$on('img_path', (text) => {
+			let now = new Date;
+			let msg = {
+				id: now.getTime(),
+				source: 1,
+				type: 1,
+				created_at: now.toLocaleString(),
+				msg: imgTag(text),
+				load: 1
+			}
+			this.postMsg(msg, text);
+		});
+		this.$bus.$on('delete_talk', (id) => {
+			if (this.user_id == id) this.user_id = 0;
+			delete (this.record[id]);
+		});
+		this.$bus.$on('quick_msg', ({msg, send}) => {
+			if(this.user_id){
+				this.$refs.input.value = msg;
+				if(send) this.send();
+			}
+		});
+	},
+	beforeDestroy() {
+		last_timer = 0;
+	}
+};
+</script>
+
+<style>
+.talking {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	box-sizing: border-box;
+}
+.talking .none {
+	font-size: 200px;
+	color: #ccc;
+	display: block;
+	margin-top: 30vh;
+	text-align: center;
+}
+.talking .chat-list {
+	position: absolute;
+	left: 0;
+	top: 57px;
+	bottom: 30%;
+	right: 0;
+	overflow-y: scroll;
+	padding: 10px 20px 0;
+}
+.editer {
+	left: 0;
+	right: 0;
+	bottom: 0;
+	height: 30%;
+	position: absolute;
+	border-top: 1px #ccc solid;
+	overflow: hidden;
+	padding: 50px 10px;
+}
+.editer textarea {
+	width: 100%;
+	height: 100%;
+	border: none;
+	outline: none;
+	resize: none;
+}
+.editer .action {
+	position: absolute;
+	width: 100%;
+	left: 0;
+	padding: 5px 10px;
+}
+.editer .top {
+	top: 0;
+}
+.editer .bottom {
+	bottom: 0;
+	text-align: right;
+}
+button {
+	vertical-align: middle;
+}
+.editer .top .mu-fab-button.mu-button-small .mu-icon {
+	font-size: 24px;
+}
+
+.chat-info {
+	margin-bottom: 2px;
+	font-size: 12px;
+	height: 20px;
+}
+.chat-msg {
+	margin-bottom: 20px;
+	position: relative;
+}
+.chat-msg .tip {
+	color: #333;
+	position: absolute;
+	margin-left: -40px;
+}
+.chat-msg .chat-info > * {
+	float: left;
+}
+.chat-msg.self .chat-info > * {
+	float: right;
+}
+.chat-info .chat-name {
+	font-weight: 600;
+}
+.chat-info .chat-timestamp {
+	margin: 0 10px;
+	color: #888;
+}
+.chat-msg .mu-avatar {
+	float: left;
+}
+.chat-msg.self .mu-avatar {
+	float: right;
+	background: #2196f3;
+}
+.chat-text {
+	position: relative;
+	margin: 5px 30px 0 50px;
+	word-break: break-all;
+}
+.chat-text > span {
+	display: inline-block;
+	border-radius: 5px;
+	position: relative;
+	padding: 5px 10px;
+	background: #ddd;
+	color: #333;
+	min-height: 32px;
+}
+.chat-text p {
+	margin: 0;
+}
+.chat-msg.self .chat-text {
+	text-align: right;
+	margin: 5px 50px 0 30px;
+}
+.chat-msg.self .chat-text > span {
+	text-align: left;
+	background: #03a9f4;
+	color: #fff;
+}
+.chat-msg.error .chat-text > span {
+	border: 1px #ff5722 solid;
+}
+.chat-msg.error .mu-icon {
+	color: #ff5722;
+}
+.chat-text:before {
+	margin-top: -6px;
+	position: absolute;
+	right: 100%;
+	top: 15px;
+	border: 6px solid transparent;
+	border-right-color: #ddd;
+	content: ' ';
+	height: 0;
+	width: 0;
+	pointer-events: none;
+	box-sizing: border-box;
+}
+.chat-msg.self .chat-text:before {
+	right: auto;
+	left: 100%;
+	border-color: transparent;
+	border-left-color: #03a9f4;
+}
+.chat-msg.chat-tip{
+	background: #aaa;
+	color:#fff;
+	padding: 5px 10px;
+}
+.chat-text img {
+	max-width: 400px;
+}
+.static-list li {
+	cursor: pointer;
+}
+.static-list li:hover {
+	background: #eee;
+}
+.static-list .mu-icon {
+	margin-right: 10px;
+}
+</style>

dtkf_web-master/src/components/face.vue

@@ -0,0 +1,158 @@
+<template>
+	<mu-menu>
+		<mu-button fab small color="grey800">
+			<mu-icon value="face"></mu-icon>
+		</mu-button>
+		<mu-paper slot="content" :z-depth="4" class="face-card">
+			<a v-once href="javascript:;" v-for="(item,key) in icons" :key="key" :title="item[1]" @click="choose(item[0])"></a>
+			<img src="static/images/face.png">
+		</mu-paper>
+	</mu-menu>
+</template>
+
+<script>
+export default {
+	name: 'face',
+	data() {
+		return {
+			icons: [
+				["/::)", "微笑"],
+				["/::~", "撇嘴"],
+				["/::B", "色"],
+				["/::|", "发呆"],
+				["/:8-)", "得意"],
+				["/::<", "流泪"],
+				["/::$", "害羞"],
+				["/::X", "闭嘴"],
+				["/::Z", "睡"],
+				["/::'(", "大哭"],
+				["/::-|", "尴尬"],
+				["/::@", "发怒"],
+				["/::P", "调皮"],
+				["/::D", "呲牙"],
+				["/::O", "惊讶"],
+				["/::(", "难过"],
+				["/::+", "酷"],
+				["/:–b", "冷汗"],
+				["/::Q", "抓狂"],
+				["/::T", "吐"],
+				["/:,@P", "偷笑"],
+				["/:,@-D", "愉快"],
+				["/::d", "白眼"],
+				["/:,@o", "傲慢"],
+				["/::g", "饥饿"],
+				["/:|-)", "困"],
+				["/::!", "惊恐"],
+				["/::L", "流汗"],
+				["/::>", "憨笑"],
+				["/::,@", "悠闲"],
+				["/:,@f", "奋斗"],
+				["/::-S", "咒骂"],
+				["/:?", "疑问"],
+				["/:,@x", "嘘"],
+				["/:,@@", "晕"],
+				["/::8", "疯了"],
+				["/:,@!", "哀"],
+				["/:!!!", "骷髅"],
+				["/:xx", "敲打"],
+				["/:bye", "再见"],
+				["/:wipe", "擦汗"],
+				["/:dig", "抠鼻"],
+				["/:handclap", "鼓掌"],
+				["/:&-(", "糗大了"],
+				["/:B-)", "坏笑"],
+				["/:<@", "左哼哼"],
+				["/:@>", "右哼哼"],
+				["/::-O", "哈欠"],
+				["/:>-|", "鄙视"],
+				["/:P-(", "委屈"],
+				["/::'|", "快哭了"],
+				["/:X-)", "阴险"],
+				["/::*", "亲亲"],
+				["/:@x", "吓"],
+				["/:8*", "可怜"],
+				["/:pd", "菜刀"],
+				["/:<W>", "西瓜"],
+				["/:beer", "啤酒"],
+				["/:basketb", "篮球"],
+				["/:oo", "乒乓"],
+				["/:coffee", "咖啡"],
+				["/:eat", "饭"],
+				["/:pig", "猪头"],
+				["/:rose", "玫瑰"],
+				["/:fade", "凋谢"],
+				["/:showlove", "嘴唇"],
+				["/:heart", "爱心"],
+				["/:break", "心碎"],
+				["/:cake", "蛋糕"],
+				["/:li", "闪电"],
+				["/:bome", "炸弹"],
+				["/:kn", "刀"],
+				["/:footb", "足球"],
+				["/:ladybug", "瓢虫"],
+				["/:shit", "便便"],
+				["/:moon", "月亮"],
+				["/:sun", "太阳"],
+				["/:gift", "礼物"],
+				["/:hug", "拥抱"],
+				["/:strong", "强"],
+				["/:weak", "弱"],
+				["/:share", "握手"],
+				["/:v", "胜利"],
+				["/:@)", "抱拳"],
+				["/:jj", "勾引"],
+				["/:@@", "拳头"],
+				["/:bad", "差劲"],
+				["/:lvu", "爱你"],
+				["/:no", "NO"],
+				["/:ok", "OK"],
+				["/:love", "爱情"],
+				["/:<L>", "飞吻"],
+				["/:jump", "跳跳"],
+				["/:shake", "发抖"],
+				["/:<O>", "怄火"],
+				["/:circle", "转圈"],
+				["/:kotow", "磕头"],
+				["/:turn", "回头"],
+				["/:skip", "跳绳"],
+				["/:oY", "投降"],
+				["/:#-0", "激动"],
+				["/:hiphot", "乱舞"],
+				["/:kiss", "献吻"],
+				["/:<&", "左太极"],
+				["/:&>", "右太极"]
+			]
+		}
+	},
+	methods:{
+		choose(t){
+			this.$emit('change',t);
+		}
+	}
+}
+</script>
+
+<style>
+.face-card{
+	width: 435px;
+	height: 203px;
+	position: relative;
+}
+.face-card img{
+	position: absolute;
+	top: 0;
+	left: 0;
+	pointer-events:none;
+}
+.face-card a{
+	float: left;
+	width: 29px;
+	height: 29px;
+}
+.face-card a:hover{
+	background: #ccc;
+}
+.face-card * {
+	display: block;
+}
+</style>

dtkf_web-master/src/components/manage.vue

@@ -0,0 +1,290 @@
+<template>
+  <div class="talking manage">
+    <mu-tabs
+      :value.sync="active"
+      inverse
+      indicator-color="blue"
+      center
+      class="top-tabs"
+      @change="reset()"
+    >
+    </mu-tabs>
+    
+    <mu-button
+        flat
+        style="position: absolute; left: 6px; top: 5px"
+        @click="$emit('close')"
+        ><mu-icon value="arrow_back" left></mu-icon>返回</mu-button
+      >
+
+    <div class="search">
+      <mu-form :model="filter">
+        <mu-form-item prop="search" label="关键词">
+          <mu-text-field v-model="filter.search"></mu-text-field>
+        </mu-form-item>
+        <mu-form-item prop="begin" label="起始日期">
+          <mu-date-input v-model="filter.begin" type="date" value-format="YYYY-MM-DD" ></mu-date-input>
+        </mu-form-item>
+        <mu-form-item prop="end" label="截止日期">
+          <mu-date-input v-model="filter.end" type="date" value-format="YYYY-MM-DD" ></mu-date-input>
+        </mu-form-item>
+        <mu-button color="primary" @click="search()">搜索</mu-button>
+        <mu-button @click="clear">清除</mu-button>
+      </mu-form>
+    </div>
+    <div class="resultCon">
+      <div class="resultTit"  v-show="pagination.data.length>0">用户</div>
+      <div class="resultPer"  v-show="pagination.data.length>0" style="text-align: center">
+        
+        <p v-show="loadingTion || !pagination.data.length" style="text-align: center">
+          {{ loadingTion ? "正在查询……" : "未找到数据" }}
+        </p>
+
+        <mu-list>
+          <mu-list-item
+            avatar
+            button
+            :ripple="false"
+            v-for="item in pagination.data"
+            :key="item.id"
+            @click="info(item)"
+          >
+            <mu-list-item-action>
+              <mu-avatar v-if="item.headimg == ''">{{
+                item.nickname.substr(0, 1)
+              }}</mu-avatar>
+              <mu-avatar v-else><img :src="item.headimg" /></mu-avatar>
+            </mu-list-item-action>
+            <mu-list-item-title
+              >{{ item.nickname }}
+              <span class="time">{{ item.last_time }}</span></mu-list-item-title
+            >
+          </mu-list-item>
+        </mu-list>
+        
+        <mu-pagination
+          v-show="!loadingTion && pagination.total > 10"
+          style="margin-top: 20px"
+          :total="pagination.total"
+          :current.sync="pagination.current"
+          @change="searchUser()"
+        ></mu-pagination>
+      </div>
+      <div class="resultTallTit" v-show="paginatall.data.length>0">聊天记录</div>
+      <p v-show=" loadingTall|| !paginatall.data.length" style="text-align: center">
+          {{ loadingTall ? "正在查询……" : "未找到数据" }}
+        </p>
+      <div class="resultTall" v-show="paginatall.data.length>0">
+        <mu-list textline="two-line">
+          <mu-list-item
+            button
+            :ripple="false"
+            v-for="item in paginatall.data"
+            :key="item.customer_id"
+            @click="info(item)"
+          >
+            <mu-list-item-content>
+              <mu-list-item-title>
+                <mu-badge v-if="item.source > 0" color="primary" content="客服" />
+                <mu-badge v-else content="用户" />
+                {{ item.name }}
+                <span class="time">{{ item.created_at }}</span>
+              </mu-list-item-title>
+              <mu-list-item-sub-title>{{ item.msg }}</mu-list-item-sub-title>
+            </mu-list-item-content>
+          </mu-list-item>
+        </mu-list>
+        <mu-pagination
+          v-show="!loadingTall && paginatall.total > 10"
+          style="margin-top: 20px"
+          :total="paginatall.total"
+          :current.sync="paginatall.current"
+          @change="searchTall()"
+        ></mu-pagination>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'manage',
+  data () {
+    return {
+      active: 0,
+      loading: 0,
+      loadingTion:0,
+      loadingTall:0,
+      filter: {
+        search: '',
+        begin: '',
+        end: ''
+      },
+      pagination: {
+        total: 0,
+        current: 1,
+        data: []
+      },
+      paginatall: {
+        total: 0,
+        current: 1,
+        data: []
+      }
+    }
+  },
+  methods: {
+    searchUser () {
+      this.loadingTion = 1;
+      this.pagination.data = [];
+      this.$ajax.get('manage/user?page=' + this.pagination.current, {
+      //this.$ajax.post('manage/search?page=' + this.pagination.current, {
+        params: this.filter
+      }).then((res) => {
+        this.loadingTion = 0;
+        this.pagination = res;
+        console.log(this.pagination)
+      });
+    },
+    searchTall () {
+      this.loadingTall = 1;
+      this.paginatall.data = [];
+      this.$ajax.get('manage/msg?page=' + this.paginatall.current, {
+      //this.$ajax.post('manage/search?page=' + this.pagination.current, {
+        params: this.filter
+      }).then((res) => {
+        this.loadingTall = 0;
+        this.paginatall = res;
+        console.log(this.paginatall)
+      });
+      
+      
+    },
+    search(){
+      this.loadingTion = 1;
+      this.pagination.data = [];
+      this.$ajax.get('manage/user?page=' + this.pagination.current, {
+      //this.$ajax.post('manage/search?page=' + this.pagination.current, {
+        params: this.filter
+      }).then((res) => {
+        this.loadingTion = 0;
+        this.pagination = res;
+        console.log(this.pagination)
+      });
+
+      this.loadingTall = 1;
+      this.paginatall.data = [];
+      this.$ajax.get('manage/msg?page=' + this.paginatall.current, {
+      //this.$ajax.post('manage/search?page=' + this.pagination.current, {
+        params: this.filter
+      }).then((res) => {
+        this.loadingTall = 0;
+        this.paginatall = res;
+        console.log(this.paginatall)
+      });
+    },
+    reset () {
+      this.pagination.total = 0;
+      this.pagination.current = 1;
+      this.searchTall();
+    },
+    clear () {
+      for (let k in this.filter) {
+        this.filter[k] = '';
+      }
+      this.reset();
+    },
+    info (item) {
+      this.$bus.$emit('open_record', {
+        id: item.customer_id,
+        nickname: item.nickname,
+        msg_id: item.id
+      });
+    }
+  },
+  created () {
+    this.searchUser();
+    this.searchTall();
+    
+  }
+}
+</script>
+
+<style>
+.talking {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+.search {
+  width: 35%;
+  border-right: 1px #eee solid;
+}
+.resultCon{
+  padding: 10px;
+  position: absolute;
+  top: 50px;
+  right: 0px;
+  bottom: 0;
+  overflow-y: auto;
+  height: 900px;
+  width: 65%;
+}
+.result {
+  width: 100%;
+  right: 0;
+}
+.search,
+.result {
+  padding: 10px;
+  overflow-y: auto;
+  height: 400px;
+  position: absolute;
+  top: 50px;
+}
+.result .resultTit, .resultTall .resultTit{
+  line-height: 30px;
+  border-bottom: 1px solid #cccccc;
+  height: 30px;
+}
+.resultTit{
+  line-height: 30px;
+  background: #cccccc;
+  border-bottom: 1px solid #cccccc;
+  width: 100%;
+  height: 30px;
+  z-index: 11;
+}
+.resultTallTit{
+  background: #cccccc;
+  width: 100%;
+  right: 0;
+  line-height: 30px;
+  border-bottom: 1px solid #cccccc;
+  height: 30px;
+}
+.result .time {
+  float: right;
+  color: #aaa;
+}
+.resultTall {
+  width: 100%;
+  right: 0;
+}
+.resultPer {
+  padding: 10px;
+  overflow-y: auto;
+  height: 370px;
+}
+.resultTall {
+  padding: 10px;
+  overflow-y: auto;
+  height: 450px;
+}
+.resultTall .time {
+  float: right;
+  color: #aaa;
+}
+</style>

dtkf_web-master/src/components/quick.vue

@@ -0,0 +1,244 @@
+<template>
+  <div class="quick-msg">
+    <div class="quick-head">
+      <span class="tag" :class="{ action: !action }" @click="action = 0"
+        >公共回复</span
+      >
+      <span class="tag" :class="{ action: action }" @click="action = 1"
+        >私有回复</span
+      >
+      <mu-icon value="add" @click="add"></mu-icon>
+    </div>
+    <div style="width:100%;">
+      <mu-text-field v-model="filter" style="width:60%"></mu-text-field>
+      <mu-button color="primary" @click="loadList">搜索</mu-button>
+    </div>
+    <div class="quick-list" v-if="action">
+      <div
+        class="quick-item"
+        v-for="(item, id) in private_msg"
+        :key="id"
+        @click="menu(id, $event)"
+      >
+        {{ item }}
+      </div>
+    </div>
+    <div class="quick-list" v-else>
+      <div
+        class="quick-item"
+        v-for="(item, id) in public_msg"
+        :key="id"
+        @click="menu(id, $event)"
+      >
+        {{ item }}
+      </div>
+    </div>
+    <mu-popover cover :open.sync="open" :trigger="trigger">
+      <mu-list class="static-list">
+        <mu-list-item button @click="send(true)">
+          <mu-icon value="send"></mu-icon>
+          <mu-list-item-title>直接发送</mu-list-item-title>
+        </mu-list-item>
+        <mu-list-item button @click="copy">
+          <mu-icon value="library_books"></mu-icon>
+          <mu-list-item-title>复制到剪切板</mu-list-item-title>
+        </mu-list-item>
+        <mu-list-item button @click="send(false)">
+          <mu-icon value="input"></mu-icon>
+          <mu-list-item-title>填入消息框</mu-list-item-title>
+        </mu-list-item>
+        <mu-list-item button @click="edit">
+          <mu-icon value="edit"></mu-icon>
+          <mu-list-item-title>编辑</mu-list-item-title>
+        </mu-list-item>
+        <mu-list-item button @click="del">
+          <mu-icon value="delete"></mu-icon>
+          <mu-list-item-title>删除</mu-list-item-title>
+        </mu-list-item>
+      </mu-list>
+    </mu-popover>
+  </div>
+</template>
+
+<script>
+import copy from 'copy-to-clipboard';
+export default {
+  name: 'quick',
+  data () {
+    return {
+      action: 1,
+      public_msg: {},
+      private_msg: {},
+      on_edit: 0,
+      choose: null,
+      trigger: null,
+      open: false,
+      filter:'',
+    }
+  },
+  methods: {
+    menu (id, e) {
+      this.trigger = e.target;
+      this.choose = id;
+      this.open = true;
+    },
+    copy () {
+      let res = copy(this[this.action > 0 ? 'private_msg' : 'public_msg'][this.choose]);
+      if (res) this.$toast.success('已复制');
+      this.open = false;
+    },
+    send (now) {
+      this.$bus.$emit('quick_msg', {
+        msg: this[this.action > 0 ? 'private_msg' : 'public_msg'][this.choose],
+        send: now
+      });
+      this.open = false;
+    },
+    loadList () {
+      this.$ajax.get('quick_list?service_id=' + config.service_id+'&msg='+this.filter+'' ).then(res => {
+        if (res.code === 0) {
+          this.public_msg = res.data.public_msg;
+          this.private_msg = res.data.private_msg;
+        }
+      });
+    },
+    add () {
+      this.$prompt('请输入快捷回复内容', '添加', {
+        validator (value) {
+          return {
+            valid: value && value.length > 0,
+            message: '快捷回复内容不能为空'
+          }
+        }
+      }).then(({ result, value }) => {
+        if (result) {
+          this.$bus.loading(true);
+          this.$ajax.post('quick_list', {
+            service_id: this.action > 0 ? config.service_id : 0,
+            msg: value
+          }).then((res) => {
+            this.$bus.loading(false);
+            if (res.code === 0) {
+              this.$alert('添加完毕');
+              this.$set(this[this.action > 0 ? 'private_msg' : 'public_msg'], res.data, value);
+            } else {
+              this.$alert(res.msg);
+            }
+          }).catch(() => {
+            this.$bus.loading(false);
+          })
+        }
+      });
+      this.open = false;
+    },
+    del () {
+      let type = this.action;
+      let id = this.choose;
+      this.$confirm('确定要删除？', '提示', {
+        type: 'warning'
+      }).then(({ result }) => {
+        if (result) {
+          this.$bus.loading(true);
+          this.$ajax.delete('quick_list/' + id).then((res) => {
+            this.$bus.loading(false);
+            if (res.code === 0) {
+              this.$alert('删除完毕');
+              this.$delete(this[type > 0 ? 'private_msg' : 'public_msg'], id);
+            }
+          }).catch(() => {
+            this.$bus.loading(false);
+          })
+        }
+      });
+      this.open = false;
+    },
+    edit () {
+      let type = this.action;
+      let id = this.choose;
+      this.$prompt('请输入快捷回复内容', '修改', {
+        validator (value) {
+          return {
+            valid: value && value.length > 0,
+            message: '快捷回复内容不能为空'
+          }
+        }
+      }).then(({ result, value }) => {
+        if (result) {
+          this.$bus.loading(true);
+          this.$ajax.put('quick_list', {
+            id: id,
+            service_id: type > 0 ? config.service_id : 0,
+            msg: value
+          }).then((res) => {
+            this.$bus.loading(false);
+            if (res.code === 0) {
+              this.$alert('修改完毕');
+              this.$set(this[type > 0 ? 'private_msg' : 'public_msg'], id, value);
+            } else {
+              this.$alert(res.msg);
+            }
+          }).catch(() => {
+            this.$bus.loading(false);
+          })
+        }
+      });
+      this.open = false;
+    }
+  },
+  created () {
+    this.loadList();
+  }
+}
+</script>
+
+<style>
+.quick-msg {
+  padding-top: 40px;
+  height: 100%;
+  width: 350px;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.quick-msg .quick-list {
+  /* height: 100%; */
+  width: 100%;
+  overflow-y: scroll;
+}
+.quick-head {
+  position: absolute;
+  background-color: #fafafa;
+  height: 48px;
+  line-height: 48px;
+  top: 0;
+  left: 1px;
+  right: 0;
+}
+.quick-head .tag {
+  cursor: pointer;
+  padding: 0 20px;
+  height: 48px;
+  display: inline-block;
+  border-bottom: 3px solid transparent;
+}
+.quick-head .tag.action {
+  border-color: #2196f3;
+}
+.quick-item {
+  padding: 13px;
+  cursor: pointer;
+  border-bottom: 1px #ccc solid;
+  word-break: break-all;
+}
+.quick-item:hover {
+  background: #eee;
+}
+.quick-head .mu-icon {
+  float: right;
+  margin: 7px;
+  cursor: pointer;
+}
+.quick-head .mu-icon:hover {
+  background: #eee;
+}
+</style>

dtkf_web-master/src/components/record.vue

@@ -0,0 +1,153 @@
+<template>
+	<mu-drawer :open.sync="show" :docked="false" right width="500">
+		<div class="record-head">与 {{user.nickname}} 的聊天记录</div>
+		<div class="msg-record">
+			<div class="record-list">
+				<div class="record-item" v-for="item in list" :key="item.id" :class="{on:item.id==user.msg_id}">
+					<h5>
+						<mu-badge v-if="item.source>0" color="primary" content="客服" />
+						<mu-badge v-else content="用户" />
+						{{item.source>0?item.name:user.nickname}}
+						<span class="time">{{item.created_at}}</span>
+					</h5>
+					<img v-if="item.type==1" :src="path+item.msg">
+					<span  v-else-if="item.type==3" @click="play(item)" class="mu-chip mu-success-color mu-inverse">
+						<i class="mu-icon material-icons">keyboard_voice</i> 点击播放语音
+					</span>
+					<p v-else v-html="emotion(item.msg)"></p>
+				</div>
+			</div>
+		</div>
+		<div class="record-btn">
+			<mu-button flat @click="loadList(has_prev,'prev')" :disabled="has_prev==0">
+				<mu-icon value="chevron_left" left></mu-icon>
+				上一页
+			</mu-button>
+			<mu-button flat @click="loadList(has_next,'next')" :disabled="has_next==0">
+				下一页
+				<mu-icon value="chevron_right" right></mu-icon>
+			</mu-button>
+		</div>
+	</mu-drawer>
+</template>
+
+<script>
+import emotion from "qq-wechat-emotion-parser";
+export default {
+	name: 'record',
+	data() {
+		return {
+			show: false,
+			user: { id: 0, nickname: '' },
+			list: [],
+			has_next: 0,
+			has_prev: 0,
+			loading: 0,
+			path: config.img_path
+		}
+	},
+	methods: {
+		emotion(text) {
+			text = text.replace(/\n/g, "<br>");
+			return emotion(text);
+		},
+		loadList(id, type) {
+			if (id == 0 || this.loading) return;
+			this.loading = 1;
+			this.$ajax.get('manage/info', {
+				params: {
+					id: id,
+					type: type,
+					customer_id: this.user.id
+				}
+			}).then(res => {
+				this.loading = 0;
+				if (res.code === 0) {
+					this.list = res.data.list;
+					this.has_next = res.data.has_next;
+					this.has_prev = res.data.has_prev;
+				}
+			}).catch(() => {
+				this.loading = 0;
+			});
+		},
+		reset(user) {
+			this.user = user;
+			this.list = [];
+			this.has_next = 0;
+			this.has_prev = 0;
+			this.loading = 0;
+		},
+		play(item) {
+			voice(item.msg, item.id);
+		}
+	},
+	created() {
+		this.$bus.$on('open_record', (user) => {
+			if (user.msg_id && this.user.msg_id != user.msg_id) {
+				this.reset(user);
+				this.loadList(user.msg_id, 'middle');
+			} else if (this.user.id != user.id) {
+				this.reset(user);
+				this.loadList(-1, '');
+			}
+			this.show = true;
+		});
+	}
+}
+</script>
+
+<style>
+.msg-record {
+	height: 100%;
+	width: 100%;
+	padding: 50px 0;
+	word-break: break-all;
+}
+.msg-record .record-list {
+	height: 100%;
+	width: 100%;
+	overflow-y: scroll;
+}
+.record-item {
+	padding: 13px;
+	border-bottom: 1px #ccc solid;
+}
+.record-item.on {
+	background: #bcf1be;
+}
+.record-item h5 {
+	margin: 0 0 8px 0;
+	font-size: 16px;
+}
+.record-item p {
+	margin: 0;
+}
+.record-item img {
+	display: inline-block;
+	max-width: 100%;
+}
+.record-item h5 > .time {
+	float: right;
+	font-weight: 300;
+}
+.record-btn,
+.record-head {
+	position: absolute;
+	width: 100%;
+	height: 50px;
+	z-index: 10;
+	text-align: center;
+	line-height: 50px;
+}
+.record-btn {
+	border-top: 1px #ccc solid;
+	bottom: 0;
+}
+.record-head {
+	border-bottom: 1px #ccc solid;
+	top: 0;
+	font-size: 18px;
+	font-weight: 500;
+}
+</style>

dtkf_web-master/src/components/screenshot.vue

@@ -0,0 +1,78 @@
+<template>
+	<mu-menu>
+		<mu-button fab small color="grey800">
+			<mu-icon value="image"></mu-icon>
+		</mu-button>
+		<ul class="mu-list static-list" slot="content">
+			<li @click="screenshot">
+				<div class="mu-item">
+					<i class="mu-icon material-icons" style="user-select: none;">crop_free</i>
+					<div class="mu-item-title">屏幕截图</div>
+				</div>
+			</li>
+			<li>
+				<label class="mu-item">
+					<input type="file" accept="image/jpeg, image/jpg, image/png" style="display: none;" @change="choose">
+					<i class="mu-icon material-icons" style="user-select: none;">folder</i>
+					<div class="mu-item-title">选择本地图片</div>
+				</label>
+			</li>
+			<li @click="shearPlate">
+				<div class="mu-item">
+					<i class="mu-icon material-icons" style="user-select: none;">dashboard</i>
+					<div class="mu-item-title">从剪切板获取</div>
+				</div>
+			</li>
+		</ul>
+	</mu-menu>
+</template>
+
+<script>
+window.captureObj = new NiuniuCaptureObject();
+captureObj.NiuniuAuthKey = "niuniu";
+
+//初始化控件
+captureObj.InitNiuniuCapture();
+
+export default {
+	name: 'screenshot',
+	methods: {
+		shearPlate() {
+			captureObj.DoCapture('', 0, 4, 0, 0, 0, 0);
+		},
+		screenshot() {
+			captureObj.DoCapture('1.jpg', 0, 3, 0, 0, 0, 0);
+		},
+		choose(e) {
+			let file = e.target.files[0];
+			e.target.value = "";
+			let ex = file.name.split(".")[1];
+			if (ex !== "jpg" && ex !== "png" && ex !== "jpeg" && ex !== "gif") {
+				this.$alert("不支持该类型的图片。");
+				return;
+			}
+			if (file.size > 500 * 1024) {
+				this.$alert("图片不能大于500KB。");
+				return;
+			}
+			this.reader.readAsDataURL(file);
+		}
+	},
+	created() {
+		this.reader = new FileReader();
+		this.reader.onload = (e) => {
+			this.$bus.$emit('view_imge', this.reader.result);
+		}
+		captureObj.FinishedCallback = (type, x, y, width, height, info, content) => {
+			if (content === '') {
+				this.$alert("未能获取有效的图像。");
+			} else {
+				this.$bus.$emit('view_imge', 'data:image/jpeg;base64,' + content);
+			}
+		};
+	}
+}
+</script>
+
+<style>
+</style>

dtkf_web-master/src/components/talking.vue

@@ -0,0 +1,96 @@
+<template>
+	<mu-list textline="two-line">
+		<mu-list-item avatar button :ripple="false" v-for="item in list" :key="item.id" @click="talk(item)" :class="{action:item.id==talk_with}" v-if="item.last_time>0">
+			<mu-list-item-action>
+				<mu-avatar v-html="item.headimg"></mu-avatar>
+			</mu-list-item-action>
+			<mu-list-item-content>
+				<mu-list-item-title>{{item.nickname}}</mu-list-item-title>
+				<mu-list-item-sub-title>{{item.msg}}</mu-list-item-sub-title>
+			</mu-list-item-content>
+			<mu-list-item-action>
+				<mu-badge :content="item.unread.toString()" color="red" v-show="item.unread>0&&item.id!=talk_with"></mu-badge>
+			</mu-list-item-action>
+		</mu-list-item>
+	</mu-list>
+</template>
+
+<script>
+export default {
+	name: 'talking',
+	props: ['last_time'],
+	data() {
+		return {
+			talk_with: 0,
+			list: [],
+			keyindex: {}
+		}
+	},
+	watch: {
+		talk_with(id) {
+			this.$emit('change', id);
+		}
+	},
+	methods: {
+		talk(item) {
+			this.talk_with = item.id;
+			this.$bus.$emit('talk_with', item);
+		},
+		refresh(list) {
+			let ids = {};
+			let deadline = this.last_time - 172800;
+			for (let index = 0; index < list.length; index++) {
+				let item = list[index];
+				ids[item.id] = 1;
+				item.headimg = (item.headimg == '') ? item.nickname.substr(0, 1) : ('<img src="' + item.headimg + '">');
+				this.keyindex[list[index].id] = index;
+			}
+			for (let index = 0; index < this.list.length; index++) {
+				let item = this.list[index];
+				if (!ids[item.id]) {
+					if (item.last_time > deadline) {
+						this.keyindex[item.id] = list.push(item) - 1;
+					} else {
+						if (this.talk_with == item.id) {
+							this.talk_with = 0;
+						}
+						delete (this.keyindex[item.id]);
+						this.$bus.$emit('delete_talk', item.id);
+					}
+				} else {
+
+				}
+			}
+			this.list = list;
+		}
+	},
+	created() {
+		this.$bus.$on('update_talking_list', (list) => {
+			this.refresh(list);
+		});
+		this.$bus.$on('access_user', (item) => {
+			this.refresh([item]);
+			this.talk(item);
+		});
+		this.$bus.$on('update_msg', (res) => {
+			let item = this.list[this.keyindex[res.id]];
+			if (res.close) {
+				item.last_time = 0;
+				if (this.talk_with == res.id) {
+					this.talk_with = 0;
+				}
+			} else {
+				item.msg = res.msg;
+				item.last_time = this.last_time;
+				if (res.clean) item.unread = 0;
+			}
+		});
+	}
+}
+</script>
+
+<style>
+.mu-list .action {
+	background: #eaeaea;
+}
+</style>

dtkf_web-master/src/components/upload.vue

@@ -0,0 +1,65 @@
+<template>
+	<mu-dialog title="图片预览" width="400" :open.sync="open" scrollable>
+		<img :src="src" v-if="src" style="width:100%;border:1px #ccc solid">
+		<mu-button slot="actions" flat @click="close">取消</mu-button>
+		<mu-button slot="actions" flat color="primary" @click="send">发送</mu-button>
+	</mu-dialog>
+</template>
+
+<script>
+
+function dataURLtoBlob(dataurl) {
+	var arr = dataurl.split(','),
+		mime = arr[0].match(/:(.*?);/)[1],
+		bstr = atob(arr[1]),
+		n = bstr.length,
+		u8arr = new Uint8Array(n);
+	while (n--) {
+		u8arr[n] = bstr.charCodeAt(n);
+	}
+	return new Blob([u8arr], {
+		type: mime
+	});
+}
+
+export default {
+	name: 'upload',
+	data() {
+		return {
+			open: false,
+			src: null
+		}
+	},
+	methods: {
+		close() {
+			this.open = false;
+			this.src = null;
+		},
+		send() {
+			let form = new FormData();
+			form.append("img", dataURLtoBlob(this.src));
+			this.close();
+			this.$bus.loading(true);
+			this.$ajax.post("send_img", form).then((res) => {
+				this.$bus.loading(false);
+				if (res.code === 0) {
+					this.$bus.$emit('img_path', res.data);
+				} else {
+					this.$alert(res.msg);
+				}
+			}).catch(() => {
+				this.$bus.loading(false);
+			});
+		}
+	},
+	created() {
+		this.$bus.$on('view_imge', (res) => {
+			this.src = res;
+			this.open = true;
+		});
+	}
+}
+</script>
+
+<style>
+</style>

dtkf_web-master/src/components/voice.vue

@@ -0,0 +1,51 @@
+<template>
+	<mu-dialog title="语音播放" width="360" :open.sync="open">
+		<audio controls autoplay ref="audio" :src="path+src" style="width:100%">您的浏览器不支持播放语音</audio>
+		<mu-button slot="actions" flat color="primary" @click="open=false">关闭</mu-button>
+	</mu-dialog>
+</template>
+
+<script>
+	let cache = {};
+	export default {
+		name: 'voice',
+		data() {
+			return {
+				open: false,
+				src: '',
+				path: config.img_path
+			};
+		},
+		methods: {
+			play(src, id) {
+				if (cache[id]) {
+					this.src = cache[id];
+					this.open = true;
+				} else {
+					let ext = src.slice(-3);
+					if (ext === 'mp3') {
+						this.src = src;
+						this.open = true;
+					} else {
+						this.$bus.loading(true);
+						this.$ajax
+							.get('voice/' + id)
+							.then(res => {
+								this.$bus.loading(false);
+								if (res.code === 0) {
+									cache[id] = res.data;
+									this.play(src, id);
+								}
+							})
+							.catch(() => {
+								this.$bus.loading(false);
+							});
+					}
+				}
+			}
+		},
+		created() {
+			window.voice = this.play;
+		}
+	};
+</script>

dtkf_web-master/src/components/waiting.vue

@@ -0,0 +1,69 @@
+<template>
+	<mu-list textline="two-line" class="waiting-list">
+		<mu-list-item avatar :ripple="false" v-for="(item,index) in list" :key="item.id">
+			<mu-list-item-action>
+				<mu-avatar v-if="item.headimg == ''">{{item.nickname.substr(0, 1)}}</mu-avatar>
+				<mu-avatar v-else><img :src="item.headimg"></mu-avatar>
+			</mu-list-item-action>
+			<mu-list-item-content>
+				<mu-list-item-title>{{item.nickname}}</mu-list-item-title>
+				<mu-list-item-sub-title>{{item.msg}}</mu-list-item-sub-title>
+			</mu-list-item-content>
+			<mu-list-item-action>
+				<mu-button small flat color="primary" @click="access(index)">
+					<mu-icon value="add"></mu-icon>接入
+				</mu-button>
+			</mu-list-item-action>
+		</mu-list-item>
+	</mu-list>
+</template>
+
+<script>
+export default {
+	name: 'waiting',
+	data() {
+		return {
+			list: []
+		}
+	},
+	methods: {
+		access(index) {
+			this.$bus.loading(true);
+			let item = this.list[index];
+			this.$ajax.get('access', {
+				params: {
+					service_id: config.service_id,
+					customer_id: item.id
+				}
+			}).then((res) => {
+				this.$bus.loading(false);
+				if (res.code === 0) {
+					this.$bus.$emit('access_user', item);
+					this.list.splice(index, 1);
+				} else {
+
+				}
+			});
+		}
+	},
+	created() {
+		this.$bus.$on('update_waiting_list', () => {
+			this.$ajax.get('waiting_list').then((res) => {
+				if (res.code === 0) {
+					this.list = res.data;
+				} else {
+
+				}
+			});
+		});
+	}
+}
+</script>
+
+<style>
+.waiting-list .mu-button {
+	position: absolute;
+	right: 10px;
+	top: 23px;
+}
+</style>

dtkf_web-master/src/main.js

@@ -0,0 +1,39 @@
+import 'muse-ui/dist/muse-ui.css';
+import 'muse-ui-message/dist/muse-ui-message.css';
+
+import promiseFinally from 'promise.prototype.finally';
+import Axios from "axios";
+import Vue from 'vue';
+import MuseUI from 'muse-ui';
+import Message from 'muse-ui-message';
+import Toast from 'muse-ui-toast';
+import App from './App';
+
+promiseFinally.shim();
+Vue.use(MuseUI);
+Vue.use(Message);
+Vue.use(Toast);
+
+Vue.config.productionTip = false;
+
+const ajax = Axios.create({
+	//baseURL: config.base
+});
+
+ajax.defaults.baseURL = '/api/dtkf'
+ajax.interceptors.response.use(
+	function(res) {
+		return res.data;
+	},
+	function(e) {
+		Toast.error("网络错误");
+		return Promise.reject(e);
+	}
+);
+Vue.prototype.$ajax = ajax;
+Vue.prototype.$bus = new Vue();
+
+new Vue({
+	el: '#app',
+	render: h => h(App)
+});

dtkf_web-master/src/router/index.js

@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+import HelloWorld from '@/components/HelloWorld'
+
+Vue.use(Router)
+
+export default new Router({
+  routes: [
+    {
+      path: '/',
+      name: 'HelloWorld',
+      component: HelloWorld
+    }
+  ]
+})