协议管理中台

.babelrc

+{
+  "presets": ["es2015", "stage-2"],
+  "plugins": ["transform-runtime"],
+  "comments": false,
+}

.editorconfig

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

.gitignore

+node_modules
+dist/index.js
+dist/authUseful.js
+dist/stroke.js
+dist/
+/yqy/
+node_modules/
+.DS_Store
+.vscode

README-en.md

+基于dev-app-home-plugin-1115的改版的
+
+
+Branch_tag-lecturer-rev-all-0115
\ No newline at end of file

build/build.js

+// https://github.com/shelljs/shelljs
+require('shelljs/global')
+env.NODE_ENV = 'production'
+
+var path = require('path')
+var config = require('../config')
+var ora = require('ora')
+var webpack = require('webpack')
+var webpackConfig = require('./webpack.prod.conf')
+
+var spinner = ora('building for production...')
+spinner.start()
+
+var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory)
+rm('-rf', assetsPath)
+mkdir('-p', assetsPath)
+cp('-R', 'static/*', assetsPath)
+
+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')
+})
\ No newline at end of file

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()
+	}
+})
\ No newline at end of file

build/dev-server.js

+var config = require('../config')
+if (!process.env.NODE_ENV) process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
+var path = require('path')
+var express = require('express')
+var webpack = require('webpack')
+var opn = require('opn')
+var proxyMiddleware = require('http-proxy-middleware')
+var webpackConfig = require('./webpack.dev.conf')
+
+// default port where dev server listens for incoming traffic
+var port = process.env.PORT || config.dev.port
+    // Define HTTP proxies to your custom API backend
+    // https://github.com/chimurai/http-proxy-middleware
+
+var server = express()
+var compiler = webpack(webpackConfig)
+
+var devMiddleware = require('webpack-dev-middleware')(compiler, {
+    publicPath: webpackConfig.output.publicPath,
+    stats: {
+        colors: true,
+        chunks: false
+    }
+})
+
+var hotMiddleware = require('webpack-hot-middleware')(compiler)
+    // 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()
+    })
+})
+
+var context = config.dev.context
+
+switch(process.env.NODE_ENV){
+    case 'local': var proxypath = 'http://localhost:8001'; break;
+    case 'online': var proxypath = 'http://yqy.cangdu.org'; break;
+    default:  var proxypath = config.dev.proxypath;
+}
+var options = {
+    target: proxypath,
+    changeOrigin: true,
+}
+if (context.length) {
+    server.use(proxyMiddleware(context, options))
+}
+
+// handle fallback for HTML5 history API
+server.use(require('connect-history-api-fallback')())
+
+// serve webpack bundle output
+server.use(devMiddleware)
+
+// enable hot-reload and state-preserving
+// compilation error display
+server.use(hotMiddleware)
+
+// serve pure static assets
+var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
+server.use(staticPath, express.static('./static'))
+
+module.exports = server.listen(port, function(err) {
+    if (err) {
+        console.log(err)
+        return
+    }
+    var uri = 'http://localhost:' + port
+    console.log('Listening at ' + uri + '\n')
+
+    // when env is testing, don't need open it
+    if (process.env.NODE_ENV !== 'testing') {
+        opn(uri)
+    }
+})

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 || {}
+        // generate loader string to be used with extract text plugin
+    function generateLoaders(loaders) {
+        var sourceLoader = loaders.map(function(loader) {
+            var extraParamChar
+            if (/\?/.test(loader)) {
+                loader = loader.replace(/\?/, '-loader?')
+                extraParamChar = '&'
+            } else {
+                loader = loader + '-loader'
+                extraParamChar = '?'
+            }
+            return loader + (options.sourceMap ? extraParamChar + 'sourceMap' : '')
+        }).join('!')
+
+        // (which is the case during production build)
+        if (options.extract) {
+            return ExtractTextPlugin.extract('vue-style-loader', sourceLoader)
+        } else {
+            return ['vue-style-loader', sourceLoader].join('!')
+        }
+    }
+
+    // http://vuejs.github.io/vue-loader/en/configurations/extract-css.html
+    return {
+        css: generateLoaders(['css']),
+        postcss: generateLoaders(['css']),
+        less: generateLoaders(['css', 'less']),
+        sass: generateLoaders(['css', 'sass?indentedSyntax']),
+        scss: generateLoaders(['css', 'sass']),
+        stylus: generateLoaders(['css', 'stylus']),
+        styl: generateLoaders(['css', '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 + '$'),
+            loader: loader
+        })
+    }
+    return output
+}
\ No newline at end of file

build/webpack.base.conf.js

+var path = require('path')
+var config = require('../config')
+var utils = require('./utils')
+var projectRoot = path.resolve(__dirname, '../')
+
+var env = process.env.NODE_ENV
+    // check env & config/index.js to decide weither to enable CSS Sourcemaps for the
+    // various preprocessor loaders added to vue-loader at the end of this file
+var cssSourceMapDev = (env === 'development' && config.dev.cssSourceMap)
+var cssSourceMapProd = (env === 'production' && config.build.productionSourceMap)
+var useCssSourceMap = cssSourceMapDev || cssSourceMapProd
+
+
+module.exports = {
+    entry: {
+        app: './src/main.js'
+    },
+    output: {
+        path: config.build.assetsRoot,
+        publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath,
+        filename: '[name].js'
+    },
+    resolve: {
+        extensions: ['', '.js', '.vue', '.less', '.css', '.scss'],
+        fallback: [path.join(__dirname, '../node_modules')],
+        alias: {
+            'vue$': 'vue/dist/vue.common.js',
+            'src': path.resolve(__dirname, '../src'),
+            'assets': path.resolve(__dirname, '../src/assets'),
+            'components': path.resolve(__dirname, '../src/components'),
+            '@': path.resolve('src')
+        }
+    },
+    resolveLoader: {
+        fallback: [path.join(__dirname, '../node_modules')]
+    },
+    module: {
+        loaders: [{
+            test: /\.vue$/,
+            loader: 'vue'
+        }, {
+            test: /\.js$/,
+            loader: 'babel',
+            include: projectRoot,
+            exclude: /node_modules/
+        }, {
+            test: /\.json$/,
+            loader: 'json'
+        }, {
+            test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+            loader: 'url',
+            query: {
+                limit: 10000,
+                name: utils.assetsPath('img/[name].[ext]')
+            }
+        }, {
+            test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+            loader: 'url',
+            query: {
+                limit: 10000,
+                name: utils.assetsPath('fonts/[name].[hash:7].[ext]'),
+                publicPath: '../../'
+            }
+        }]
+    },
+    vue: {
+        loaders: utils.cssLoaders({
+            sourceMap: useCssSourceMap
+        }),
+        postcss: [
+            require('autoprefixer')({
+                browsers: ['last 10 versions']
+            })
+        ]
+    }
+}
\ No newline at end of file

build/webpack.dev.conf.js

+var config = require('../config')
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var utils = require('./utils')
+var baseWebpackConfig = require('./webpack.base.conf')
+var HtmlWebpackPlugin = require('html-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: {
+        loaders: utils.styleLoaders({
+            sourceMap: config.dev.cssSourceMap
+        })
+    },
+    // eval-source-map is faster for development
+    devtool: '#eval-source-map',
+    plugins: [
+        new webpack.DefinePlugin({
+            'process.env': config.dev.env
+        }),
+        // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
+        new webpack.optimize.OccurenceOrderPlugin(),
+        new webpack.HotModuleReplacementPlugin(),
+        new webpack.NoErrorsPlugin(),
+        // https://github.com/ampedandwired/html-webpack-plugin
+        new HtmlWebpackPlugin({
+            filename: 'index.html',
+            template: 'index.html',
+            favicon: 'favicon.ico',
+            inject: true
+        })
+    ]
+})
\ No newline at end of file

build/webpack.prod.conf.js

+var path = require('path')
+var config = require('../config')
+var utils = require('./utils')
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.base.conf')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var env = config.build.env
+
+console.log('@@@@@@@@@@@@@@@@@@@', env)
+var webpackConfig = merge(baseWebpackConfig, {
+    module: {
+        loaders: 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].js?chunkhash=[chunkhash]'),
+        chunkFilename: utils.assetsPath('js/[name].[chunkhash].min.js?chunkhash=[chunkhash]')
+    },
+    vue: {
+        loaders: utils.cssLoaders({
+            sourceMap: config.build.productionSourceMap,
+            extract: true
+        })
+    },
+    plugins: [
+        // http://vuejs.github.io/vue-loader/en/workflow/production.html
+        new webpack.DefinePlugin({
+            'process.env': env
+        }),
+        new webpack.optimize.UglifyJsPlugin({
+            compress: {
+                warnings: false
+            }
+        }),
+        new webpack.optimize.OccurrenceOrderPlugin(),
+        // extract css into its own file
+        new ExtractTextPlugin(utils.assetsPath('css/[name].css')),
+        // generate dist index.html with correct asset hash for caching.
+        // you can customize output by editing /index.html
+        // see https://github.com/ampedandwired/html-webpack-plugin
+        new HtmlWebpackPlugin({
+            filename: config.build.index,
+            template: 'index.html',
+            favicon: 'favicon.ico',
+            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']
+        })
+    ]
+})
+
+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
+        })
+    )
+}
+
+module.exports = webpackConfig
\ No newline at end of file

config/index.js

+// see http://vuejs-templates.github.io/webpack for documentation.
+var path = require('path')
+
+module.exports = {
+    build: {
+        env: {
+            NODE_ENV: '"production"',
+            BUILD_ENV: '"' + process.env.BUILD_ENV + '"'
+        },
+        index: path.resolve(__dirname, '../dist/index.html'),
+        assetsRoot: path.resolve(__dirname, '../dist'),
+        assetsSubDirectory: './static',
+        assetsPublicPath: './',
+        productionSourceMap: false,
+        // 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']
+    },
+    dev: {
+        env: {
+            NODE_ENV: '"development"',
+            BUILD_ENV: '"' + process.env.BUILD_ENV + '"'
+        },
+        port: 8010,
+        assetsSubDirectory: 'static',
+        assetsPublicPath: '/',
+        // proxyTable: {
+        //     '/': {
+        //         target: 'http://test1-sc.yunqueyi.com/',
+        //         changeOrigin: true
+        //     }
+        // },
+        context: [ //代理路径
+            '/test'
+        ],
+        proxypath: 'http://localhost:9000',
+        cssSourceMap: true
+    }
+}
\ No newline at end of file

index.html

+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta content="云鹊医,云鹊健康,消息中心,项目管理,教培项目,学情报告,随访管理,预约随访" name="keywords">
+    <meta content="消息中心。" name="description">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
+    <meta name="screen-orientation" content="portrait"/>
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="full-screen" content="yes">
+    <meta name="x5-fullscreen" content="true">
+    <title>消息中心</title>
+  </head>
+  <body id="appBody">
+    <div id="app">
+    	<router-view></router-view>
+    </div>
+    <script src="https://unpkg.com/qiniu-js@2.2.0/dist/qiniu.min.js"></script>
+  </body>
+</html>

package.json

+{
+  "name": "yqy",
+  "version": "2.0.1",
+  "description": "vue2-yqy",
+  "author": "cangdu <1264889788@qq.com>",
+  "private": true,
+  "license": "GPL",
+  "scripts": {
+    "dev": "cross-env BUILD_ENV=development node build/dev-server.js",
+    "local": "cross-env BUILD_ENV=development node build/dev-server.js",
+    "build": "node build/build.js",
+    "build:dev": "cross-env BUILD_ENV=dev node build/build.js",
+    "build:test": "cross-env BUILD_ENV=test node build/build.js",
+    "build:uat": "cross-env BUILD_ENV=uat node build/build.js",
+    "build:pro": "cross-env BUILD_ENV=pro node build/build.js"
+  },
+  "dependencies": {
+    "@babel/polyfill": "^7.2.5",
+    "axios": "0.16.2",
+    "better-scroll": "^0.1.15",
+    "echarts": "^4.2.0-rc.2",
+    "element-ui": "^2.9.1",
+    "fastclick": "^1.0.6",
+    "iscroll": "^5.2.0",
+    "js-cookie": "^2.2.0",
+    "showdown": "^1.6.4",
+    "vue": "^2.1.0",
+    "vue-router": "^2.1.1",
+    "vuex": "^2.0.0"
+  },
+  "devDependencies": {
+    "autoprefixer": "^6.4.0",
+    "autoprefixer-loader": "^3.2.0",
+    "babel-core": "^6.0.0",
+    "babel-loader": "^6.0.0",
+    "babel-plugin-transform-runtime": "^6.0.0",
+    "babel-preset-es2015": "^6.0.0",
+    "babel-preset-stage-2": "^6.0.0",
+    "babel-register": "^6.0.0",
+    "babel-runtime": "^6.23.0",
+    "chalk": "^1.1.3",
+    "connect-history-api-fallback": "^1.1.0",
+    "cross-env": "^5.0.0",
+    "css-loader": "^0.25.0",
+    "eventsource-polyfill": "^0.9.6",
+    "express": "^4.13.3",
+    "extract-text-webpack-plugin": "^1.0.1",
+    "file-loader": "^0.9.0",
+    "function-bind": "^1.0.2",
+    "html-webpack-plugin": "^2.8.1",
+    "http-proxy-middleware": "^0.17.2",
+    "json-loader": "^0.5.4",
+    "less": "^2.7.1",
+    "less-loader": "^2.2.3",
+    "node-gyp": "^3.4.0",
+    "node-sass": "^4.9.2",
+    "opn": "^4.0.2",
+    "ora": "^0.3.0",
+    "sass": "^0.5.0",
+    "sass-loader": "^4.1.1",
+    "scss": "^0.2.4",
+    "scss-loader": "0.0.1",
+    "semver": "^5.3.0",
+    "shelljs": "^0.7.4",
+    "style-loader": "^0.13.1",
+    "url-loader": "^0.5.7",
+    "vue-lazyload": "^1.2.6",
+    "vue-loader": "^10.0.0",
+    "vue-style-loader": "^1.0.0",
+    "vue-template-compiler": "^2.1.0",
+    "webpack": "^1.13.2",
+    "webpack-dev-middleware": "^1.8.3",
+    "webpack-dev-server": "^1.16.2",
+    "webpack-hot-middleware": "^2.12.2",
+    "webpack-merge": "^0.14.1"
+  },
+  "engines": {
+    "node": ">= 4.0.0",
+    "npm": ">= 3.0.0"
+  }
+}

src/App.vue

+<template>
+	<div>
+		<v-header :userName="userName" :portrait="portrait" :idType="idType"></v-header>
+    	<v-slidebar :authList="authList" :tokenValue="token"></v-slidebar>
+		<el-container>
+			<div class="content" id="body-content">
+				<transition name="router-fade" mode="out-in">
+					<keep-alive>
+						<router-view v-if="$route.meta.keepAlive"></router-view>
+					</keep-alive>
+				</transition>
+				<transition name="router-fade" mode="out-in">
+					<router-view v-if="!$route.meta.keepAlive"></router-view>
+				</transition>
+				<v-footer></v-footer>
+			</div>
+		</el-container>
+    </div>
+</template>
+
+<script>
+import VHeader from './views/layout/header.vue'
+import VSlidebar from './views/layout/slidebar.vue'
+import VFooter from './views/layout/footer.vue'
+import { base64decode, isNotEmptyUtils, getUrlParamsMap } from "./utils/utils.js"
+import { mapActions, mapGetters } from 'vuex'
+import { getLoginUrl } from './utils/index.js'
+let vm = null
+export default {
+	components:{
+		VHeader,
+		VSlidebar,
+		VFooter
+	},
+	data() {
+		return {
+			idType: 0,
+			token: '',
+			userName: '',
+			portrait: '',
+			authList: {}
+		}
+	},
+	computed:{
+		...mapGetters([
+			'_token'
+		])
+	},
+	created() {
+		vm = this
+		vm.getToken()
+	},
+	mounted() {
+	
+	},
+	methods: {
+		// 解密token
+		getToken() {
+			let href = window.location.href
+			let offset = href.indexOf("?")
+			if(offset !== -1) {
+				let paramStr = href.substring(offset + 1, href.length)
+				let pars = base64decode(paramStr)
+				let paramMap = getUrlParamsMap(pars, "&")
+				if (isNotEmptyUtils(paramMap["token"])) {
+					vm.token = paramMap["token"]
+					localStorage.setItem('storageToken', vm.token)
+				    vm.$router.push({ path: 'create-push' })
+				} else {
+					if(!localStorage.getItem('storageToken')) {
+						window.location.href = getLoginUrl('?from=work&type=logout')  // 没有token返回登录页面
+						return 
+					} 
+				}
+			}else {
+				if(!localStorage.getItem('storageToken')) {
+					window.location.href = getLoginUrl('?from=work&type=logout')  // 没有token返回登录页面
+					return 
+				}
+			}
+			vm.changeToken(vm.token)
+			vm.getUserAuth(vm.token)
+		},
+		// 修改token
+		...mapActions([
+			'changeToken',
+			'changeIdType',
+			'changeMaster'
+		]),
+		// 获取用户权限
+		getUserAuth(token) {
+			let req = null
+			req = {
+				token: token
+			}
+			vm.GET('portal/common/v1/role',req).then((res) => {
+				if(res.code == '000000') {
+					vm.changeIdType(res.data.idType)
+					vm.changeMaster(res.data.masterAdministratorFlag)
+					localStorage.setItem('storageIdType', res.data.idType)
+					localStorage.setItem('storageMaster', res.data.masterAdministratorFlag)
+					localStorage.setItem("user_name", res.data.name);
+					vm.idType = res.data.idType
+					vm.userName = res.data.name
+					vm.portrait = res.data.imageUrl
+					vm.authList = res.data.auth
+				} else {
+					vm.$message.info(res.message)
+				}
+			})
+		}
+	}
+}
+</script>
+
+<style lang="scss">
+  	// @import './style/common';
+  	@import './style/global';
+  	@import './style/mixin.scss';
+	.router-fade-enter-active, .router-fade-leave-active {
+	  	transition: opacity .1s;
+	}
+	.router-fade-enter, .router-fade-leave-active {
+	  	opacity: 0;
+	}
+	.el-container {
+		margin-left: 255px;
+		overflow: hidden;
+		.content {
+			// background: #F0F2F5;
+			position: absolute;
+			left: 255px;
+			right: 0;
+			top: 64px;
+			bottom: 0;
+			width: auto;
+			box-sizing: border-box;
+			overflow-x: hidden;
+			overflow-y: scroll;
+		}
+	}
+</style>

src/components/breadcrumb.vue

+<template>
+    <div class="bread-crumb">
+        <el-breadcrumb separator="/">
+            <el-breadcrumb-item>{{curmbFirst}}</el-breadcrumb-item>
+            <el-breadcrumb-item v-if="curmbSecond" :to="{ path:  jumPathThird }">{{curmbSecond}}</el-breadcrumb-item>
+            <el-breadcrumb-item v-if="curmbThird">{{curmbThird}}</el-breadcrumb-item>
+        </el-breadcrumb>
+    </div>
+</template>
+<script>
+export default {
+    props: {
+        curmbFirst: {
+            type: String
+        },
+        curmbSecond: {
+            type: String
+        },
+        curmbThird: {
+            type: String
+        },
+        jumPathThird: {
+            type: String
+        }
+    }
+}
+</script>
+<style lang="scss">
+.bread-crumb {
+    position: fixed;
+    left: 255px;
+    top: 64px;
+    width: 100%;
+    background: #fff;
+    height: 61px;
+    padding: 20px 20px 30px;
+    z-index: 99;
+    border-top: 3px solid #F0F2F5;
+    .el-breadcrumb__inner {
+        font-size: 14px;
+    }
+}
+</style>
+
+

src/main.js

+import "@babel/polyfill";
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import routes from './router/router'
+import store from './store/'
+const mixins = require('@/utils/mixins');
+import FastClick from 'fastclick'
+import vueFilters from '@/utils/filter'
+
+// 引入ElementUI
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css';
+
+// 可调试
+// Vue.config.devtools = true;
+// Vue.use(Logger, { prefix: new Date(), isDev: process.env.NODE_ENV === 'development', cLevel: 'debug' })
+
+Vue.use(ElementUI)
+
+// 注册所有公用过滤器
+for(let key in vueFilters) {
+	Vue.filter(key, vueFilters[key])
+}
+
+if ('addEventListener' in document) {
+    document.addEventListener('DOMContentLoaded', function() {
+        FastClick.attach(document.body);
+    }, false);
+}
+
+Vue.use(VueRouter)
+const router = new VueRouter({
+	routes,
+	mode: 'hash',
+	strict: process.env.NODE_ENV !== 'production',
+	scrollBehavior (to, from, savedPosition) {
+	    if (savedPosition) {
+		    return savedPosition
+		} else {
+			if (from.meta.keepAlive) {
+				from.meta.savedPosition = document.body.scrollTop;
+			}
+		    return { x: 0, y: to.meta.savedPosition || 0 }
+		}
+	}
+})
+
+// 加入混合
+Vue.mixin({
+	...mixins
+})
+new Vue({
+	router,
+	store,
+}).$mount('#app')
+

src/plugins/logger.js

+/**
+ *  G-Logger
+ *  version 1.0.0
+ *  Author: Anndy Yang(Guang Jun)
+ *  description: 模拟log4j的日志插件（Vue插件，同时支持浏览器环境）
+ * 
+ *  log4j提供了4种日志级别和2个日志开关。 
+    官方网址: http://logging.apache.org/log4j/1.2/
+
+    DEBUG：输出调试信息；指出细粒度信息事件对调试应用程序是非常有帮助的。 
+    INFO： 输出提示信息；消息在粗粒度级别上突出强调应用程序的运行过程。 
+    WARN： 输出警告信息；表明会出现潜在错误的情形。 
+    ERROR：输出错误信息；指出虽然发生错误事件，但仍然不影响系统的继续运行。 
+    FATAL： 输出致命错误；指出每个严重的错误事件将会导致应用程序的退出。 
+    ALL level：打开所有日志记录开关；是最低等级的，用于打开所有日志记录。 
+    OFF level：关闭所有日志记录开关；是最高等级的，用于关闭所有日志记录。
+
+    按照范围从小到大排序：OFF level > FATAL > ERROR > WARN > INFO > DEBUG > ALL level；范围大的会包含范围小的。
+    例如日志设置为INFO级别，则FATAL、ERROR、WARN、INFO的日志开关都是打开的，而DEBUG的日志开关将是关闭的。
+
+    Log4j建议只使用四个级别，优先级从高到低分别是 ERROR、WARN、INFO、DEBUG。
+ */
+
+const gLogger = {}
+gLogger.install = function (Vue, options) {
+  if (gLogger.installed) return
+  let logger = {
+    isDev: true,
+    cLevel: 'debug',
+    prefix: 'gLogger Says'
+    // levels: ['off', 'fatal', 'error', 'warn', 'info', 'debug', 'all']
+  }
+  if (options) {
+    for (const key of Object.keys(options)) {
+        logger[key] = options[key]
+    }
+  }
+  logger.levels = ['off', 'fatal', 'error', 'warn', 'info', 'debug', 'all']
+  for (const level of logger.levels) {
+    logger[level] = function () {
+      if (!this.isDev || typeof console === 'undefined') return
+      let levelIndex = logger.levels.indexOf(level)
+      // 如果是OFF级别，则不输出日志
+      if (levelIndex === 0) return
+      let cLevelIndex = logger.levels.indexOf(logger.cLevel)
+      // 如果当前级别底，则不输出日志
+      if(cLevelIndex < levelIndex) return
+      let args = Array.from(arguments)
+      args.unshift(`[${this.prefix} :: ${level}]`.toUpperCase())
+      console.log(...args)
+    }
+  }
+  Vue.prototype.$log = logger
+  if (window) window.logger = logger
+}
+export default gLogger
\ No newline at end of file

src/router/router.js

+import App from '../App'
+
+const home = r => require.ensure([], () => r(require('../views/home')), 'home')
+const blank = r => require.ensure([], () => r(require('../views/blank')), 'blank')
+const itemManager = r => require.ensure([], () => r(require('../views/education/item-manager.vue')), 'item-manager')
+const itemComponent = r => require.ensure([], () => r(require('../views/education/item-component.vue')), 'item-component')
+const createComponent = r => require.ensure([], () => r(require('../views/education/create-component.vue')),'create-component')
+const roleManager = r => require.ensure([], () => r(require('../views/system/role.vue')),'role')
+const addManager = r => require.ensure([], () => r(require('../views/education/add-manager.vue')), 'add-manager')
+const itemRole = r => require.ensure([], () => r(require('../views/system/item-role.vue')), 'item-role')
+
+const createPush = r => require.ensure([], () => r(require('../views/message/create-push.vue')), 'create-push')
+const historyPush = r => require.ensure([], () => r(require('../views/message/history-push.vue')), 'history-push')
+
+// 新增 策略管理、短信历史、黑名单、疲劳度控制
+const strategyManage = r => require.ensure([], () => r(require('../views/message/strategy-manage.vue')), 'strategy-manage');
+const msgHistory = r => require.ensure([], () => r(require('../views/message/msg-history.vue')), 'msg-history');
+const blacklist = r => require.ensure([], () => r(require('../views/message/blacklist.vue')), 'blacklist');
+const fatigueControl = r => require.ensure([], () => r(require('../views/message/fatigue-control.vue')), 'fatigue-control');
+
+// const blacklist =
+
+
+export default [{
+    path: '/',
+    component: App,
+    children: [
+        {
+            path: '',
+            redirect: '/create-push'
+        },{
+            path: '/index',
+            redirect: '/create-push'
+        },{
+            path: '/home',
+            // component: home
+            redirect: '/create-push'
+        },{
+            path: '/blank',
+            component: blank
+        },{
+            path: '/item-manager',
+            component: itemManager
+        },{
+            path: '/add-manager',
+            component: addManager
+        },{
+            path: '/item-component',
+            component: itemComponent
+        },{
+            path: '/role',
+            component: roleManager
+        },{
+            path: '/create-component',
+            component: createComponent
+        },{
+            path: '/item-role',
+            component: itemRole
+        },{
+            path: '/create-push',
+            component: createPush
+        },{
+            path: '/history-push',
+            component: historyPush
+        },{
+            path: '/strategy-manage',
+            component: strategyManage
+        },{
+            path: '/msg-history',
+            component: msgHistory
+        },{
+            path: '/blacklist',
+            component: blacklist
+        },{
+            path: '/fatigue-control',
+            component: fatigueControl
+        }
+    ]
+}]
\ No newline at end of file

src/store/education/common.js

+const common = {
+    state: {
+        _token: '',
+        idType: '',
+        masterAdministratorFlag: false
+    },
+    mutations: {
+        CHANGE_TOKEN: (state, data) => {
+            state._token = data
+        },
+        CHANGE_IDTYPE: (state, data) => {
+            state.idType = data
+        },
+        CHANGE_MASTER: (state, data) => {
+            state.masterAdministratorFlag = data
+        }
+    },
+    actions: {
+        changeToken({ commit }, tokenData) {
+            commit('CHANGE_TOKEN', tokenData)
+        },
+        changeIdType({ commit }, idTypeData) {
+            commit('CHANGE_IDTYPE', idTypeData)
+        },
+        changeMaster({ commit }, masterData) {
+            commit('CHANGE_MASTER', masterData)
+        }
+    }
+}
+
+export default common
\ No newline at end of file

src/store/education/getters.js

+
+const getters = {
+    _token: state => state.common._token,
+    idType: state => state.common.idType,
+    masterAdministratorFlag: state => state.common.masterAdministratorFlag
+}
+
+export default getters

src/store/getters.js

+import education from './education/getters'
+
+import { containObject }  from '../utils/utils'
+
+const getters = containObject(education)
+
+
+export default getters
\ No newline at end of file

src/store/index.js

+import Vue from 'vue'
+import Vuex from 'vuex'
+import common from './education/common'
+import getters from './getters'  
+
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  modules: {
+    common
+  },
+  getters
+})
+

src/style/common.scss

+img {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+
+body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    font-style: normal;
+    text-decoration: none;
+    border: none;
+    // color: #333;
+    font-weight: normal;
+    font-family: "PingFangSC", "Microsoft Yahei";
+    box-sizing: border-box;
+    -webkit-tap-highlight-color:transparent;
+    -webkit-font-smoothing: antialiased;
+    // -webkit-overflow-scrolling : touch;
+    // overflow-scrolling : touch;
+    // overflow: auto;
+    &:hover{
+        outline: none;
+    }
+}
+
+/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
+::-webkit-scrollbar  
+{  
+    // width: 0px;  
+    // height: 0px;  
+    // background-color: #fff;  
+}  
+  
+/*定义滚动条轨道 内阴影+圆角*/  
+::-webkit-scrollbar-track  
+{  
+    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);  
+    border-radius: 10px;  
+    background-color: #fff;
+}  
+  
+/*定义滑块 内阴影+圆角*/  
+::-webkit-scrollbar-thumb  
+{  
+    border-radius: 10px;  
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
+    background-color: #555;  
+}  
+
+input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
+    -webkit-appearance: none;
+}
+
+textarea { -webkit-appearance: none;}   
+
+html,body{
+    height: 100%;
+    width: 100%;
+    background-color: #fff;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 16px;
+}
+
+.clear:after{
+    content: '';
+    display: block;
+    clear: both;
+}
+
+.clear{
+    zoom:1;
+}
+
+.back_img{
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+
+.margin{
+    margin: 0 auto;
+}
+
+.left{
+    float: left;
+}
+
+.right{
+    float: right;
+}
+
+.hide{
+    display: none;
+}
+
+.show{
+    display: block;
+}
+
+.ellipsis{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.paddingTop{
+    padding-top: 1.95rem;
+}
+
+@keyframes backOpacity{
+   0%   { opacity: 1 }
+   25%  { opacity: .5 }
+   50%  { opacity: 1 }
+   75%  { opacity: .5 }
+   100% { opacity: 1 }
+}
+
+.animation_opactiy{
+    animation: backOpacity 2s ease-in-out infinite;
+}
+// 屏幕适配
+// @media screen and (min-width:1240px) and (max-width:1900px){
+//     .screenSet{
+//         // width: 163vh !important;
+//         // height: 66vh !important;
+//       //  height: 430px !important;
+//         margin: 88px 30px 0px;
+//         overflow: auto;
+//     }
+// }
+// @media screen and (min-width:1900px){
+//     .screenSet{
+//         // width: 166vh !important;
+//         // height: 78vh !important;
+//       //  height: 800px !important;
+//         overflow: auto;
+//         margin: 88px 30px 0px;
+//     }
+// }
+
+.word-size {
+    font-size: 12px;
+}
+// 字体大小
+.el-form-item{
+    .el-form-item__label {
+        font-size: 12px;
+    }
+}
+// 表格分页
+.pagination {
+    margin: 20px 0;
+    text-align: right;
+    .el-pagination {
+        white-space: nowrap;
+        padding: 2px 5px;
+        color: #303133;
+        font-weight: 700;
+    }
+}
+// 表格
+.el-table thead th{
+    background: #fafafa;
+}
+
+//下拉框    
+.el-dropdown-menu .el-popper {
+    top: 48px;
+}
+
+// 消息推送
+.el-notification.right {
+    top: 130px !important;
+}
+
+// 弹框按钮样式
+.el-message-box {
+    width: 360px;
+    height: 160px;
+    .el-message-box__header {
+        text-align: center;
+    }
+    .el-message-box__status {
+        display: none;
+    }
+    .el-message-box__message {
+        text-align: center
+    }
+    .el-message-box__btns {
+        text-align: center !important;
+        button {
+            height: 32px;
+            width: 78px;
+        }
+    }
+}
+
+.el-button--primary {
+    line-height: 40px;
+    background: #449284 !important;
+    border: 1px solid #449284 !important;
+}
+.el-button.is-disabled {
+    background: #449284 !important;
+    border: 1px solid #449284 !important;
+    opacity: 0.5;
+}
+.el-pagination.is-background .el-pager li:not(.disabled).active {
+    background: #449284 !important;
+}
+
+// 主题样式修改
+.el-radio__input.is-checked .el-radio__inner {
+    border-color: #449284 !important;
+    background: #449284 !important;
+}
+.el-radio__input.is-checked+.el-radio__label, .el-tabs__item.is-active {
+    color: #449284 !important;
+}
+
+// 面包屑导航
+.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {
+    font-weight: 300 !important;
+}
+.el-breadcrumb__inner.is-link:hover {
+    color: #449284 !important;
+}
+
+// table的tooltip
+.el-tooltip__popper {
+    max-width: 60%;
+}
\ No newline at end of file

src/style/global.scss

+@import './common.scss';
+//定位
+.relative{
+    position: relative;
+}
+.flex{
+    display: flex;
+}
+.space-between{
+    display: flex;
+    justify-content: space-between;
+}
+.flex-start{
+    display: flex;
+    justify-content: flex-start;
+}
+.flex-end{
+    display: flex;
+    justify-content: flex-end;
+}
+.textLeft{
+    float: left;
+}
+.center{
+    text-align: center;
+}
+.mt10{
+    margin-top: 10px;
+}
+.mt20{
+    margin-top: 20px;
+}
+.mb10{
+    margin-bottom: 10px;
+}
+.mb20{
+    margin-bottom: 20px;
+}
+.pt10{
+    padding-top: 10px;
+}
+.pt20{
+    padding-top: 10px;
+}
+.pb10{
+    padding-bottom: 10px;
+}
+.pb20{
+    padding-bottom: 20px;
+}
+.mLR10{
+    margin: 0 10px;
+}
+.mLR20{
+    margin: 0 20px;
+}
+.mTB10{
+    margin: 10px 0;
+}
+.mTB20{
+    margin: 20px 0;
+}
+.pLR10{
+    padding: 0 10px;
+}
+.pLR20{
+    padding: 0 20px;
+}
+.pTB10{
+    padding: 10px 0;
+}
+.pTB20{
+    padding: 20px 0;
+}
+.fs10{
+    font-size: 10px;
+}
+.fs11{
+    font-size: 11px;
+}
+.fs12{
+    font-size: 12px;
+}
+.fs13{
+    font-size: 13px;
+}
+.fs14{
+    font-size: 14px;
+}
+.fs15{
+    font-size: 15px;
+}
+.fs16{
+    font-size: 16px;
+}
+.fs25{
+    font-size: 25px;
+}
+.fw{
+    font-weight: 600;
+}
+.bgWhite{
+    background-color: #fff;
+}
+.gray{
+    color: rgba(177, 181, 184, 1);
+}
+.white{
+    color: #fff;
+}
+.button-green {
+    color: #ffffff;
+    background: #449284;
+    border-color: #bfdad5;
+    border-radius: 2px;
+}
+.button-white {
+    color: #606266;
+    background: #ffffff;
+    border-color: #ecedf1;
+    border-radius: 2px;
+}

src/style/mixin.scss

+$blue: #3190e8;  
+$bc: #e4e4e4;
+$fc:#fff;
+
+// 背景图片地址和大小
+@mixin bis($url) { 
+	background-image: url($url);
+	background-repeat: no-repeat;
+	background-size: 100% 100%;
+}
+
+@mixin borderRadius($radius) {
+    -webkit-border-radius: $radius;
+    -moz-border-radius: $radius;
+    -ms-border-radius: $radius;
+    -o-border-radius: $radius;
+    border-radius: $radius;
+}
+//定位全屏
+@mixin allcover{
+	position:absolute;
+	top:0;
+	right:0;
+}
+
+//定位上下左右居中
+@mixin center {  
+	position: absolute;
+	top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+//定位上下居中
+@mixin ct {  
+	position: absolute;
+	top: 50%;
+    transform: translateY(-50%);
+}
+
+//定位左右居中
+@mixin cl {  
+	position: absolute;
+	left: 50%;
+    transform: translateX(-50%);
+}
+
+//宽高
+@mixin wh($width, $height){
+	width: $width;
+	height: $height;
+}
+
+//字体大小、行高、字体
+@mixin font($size, $line-height, $family: 'Microsoft YaHei') {  
+	font: #{$size}/#{$line-height} $family;
+}
+
+//字体大小，颜色
+@mixin sc($size, $color){
+	font-size: $size;
+	color: $color;
+}
+
+//flex 布局和 子元素 对其方式
+@mixin fj($type: space-between){
+	display: flex;
+	justify-content: $type;
+
+}
+
+// @function px2rem($px){
+// 	$rem: 37.5px;
+// 	@return ($px / $rem) + rem;
+// }
\ No newline at end of file

src/utils/constants.js

+/**
+ * 常量定义文件
+ *
+ */
+
+// 分页大小
+export const PAGE_SIZE = 10
+
+// 添加动作常量
+export const ACTION_TYPE_ADD = 'ACTION_TYPE_ADD'
+
+// 修改动作常量
+export const ACTION_TYPE_UPDATE = 'ACTION_TYPE_UPDATE'
+
+// 删除动作常量
+export const ACTION_TYPE_DELETE = 'ACTION_TYPE_DELETE'
+
+/* 是否使用Mock数据 */
+export const IS_MOCK_DATAS = true
+
+// 通用状态 全部/正常/停用
+export const COMMON_STATUS_OPTIONS = [
+  {
+    value: '',
+    label: '启用状态'
+  }, {
+    value: 0,
+    label: '正常'
+  }, {
+    value: 1,
+    label: '停用'
+  }
+]
+
+// 识别状态 全部/未标记/正常/误识
+export const RECORD_STATUS_OPTIONS = [
+  {
+    value: '',
+    label: '标记状态'
+  }, {
+    value: '0',
+    label: '未标记'
+  }, {
+    value: '1',
+    label: '正常'
+  }, {
+    value: '2',
+    label: '误识'
+  }
+]
+
+// 用户类型 全部/普通用户/VIP/黑名单
+export const USER_TYPE_OPTIONS = [
+  {
+    value: '',
+    label: '用户类型'
+  }, {
+    value: 1,
+    label: '普通用户'
+  }, {
+    value: 2,
+    label: 'VIP'
+  }, {
+    value: 3,
+    label: '黑名单'
+  }
+]

src/utils/env-config.js

+/**
+ * 环境变量配置文件
+ */
+export const envConfig = {
+  development: {
+    // baseUrl: 'https://dev-sc.yunqueyi.com/',
+    // // baseUrl: 'http://10.177.15.180:10202/',
+    // // baseUrl: 'http://192.168.140.14:10201/',
+    
+    // baseUrl: 'https://test1-sc.yunqueyi.com/', 
+    //baseUrl: 'https://uat-sc.yunqueyi.com/',
+    baseUrl: 'https://dev-sc.yunqueyi.com/',
+    qiniuFileUrl: "https://dev-sc.yunqueyi.com/contents/admin/qiniu/token1",
+    qiniuResourceUrl: "https://test1-videos.yunqueyi.com",
+    qiniuImgUrl: "https://test1-file.yunqueyi.com",
+    loginUrl: 'https://dev-sso.yunqueyi.com/PICA_SSO_FE/html/pica_index.html',
+    innerLoginUrl: 'http://localhost:8080/PICA_SSO_FE/html/pica_login.html',
+    yuequeyiIndexUrl: 'https://dev-saas.yunqueyi.com/pica_index.html',
+    excelUrl: 'https://dev-sc.yunqueyi.com/raytheon/excel/template/1',
+  },
+  dev: {
+    baseUrl: 'https://dev-sc.yunqueyi.com/',
+    qiniuFileUrl: "https://dev-sc.yunqueyi.com/contents/admin/qiniu/token1",
+    qiniuResourceUrl: "https://test1-videos.yunqueyi.com",
+    qiniuImgUrl: "https://test1-file.yunqueyi.com",
+    loginUrl: 'https://dev-sso.yunqueyi.com/PICA_SSO_FE/html/pica_index.html',
+    innerLoginUrl: 'https://dev-sso.yunqueyi.com/PICA_SSO_FE/html/pica_login.html',
+    yuequeyiIndexUrl: 'https://dev-saas.yunqueyi.com/pica_index.html',
+    excelUrl: 'https://dev-sc.yunqueyi.com/raytheon/excel/template/1',
+  },
+  test: {
+    baseUrl: 'https://test1-sc.yunqueyi.com/',
+    qiniuFileUrl: "https://test1-sc.yunqueyi.com/contents/admin/qiniu/token1",
+    qiniuResourceUrl: "https://test1-videos.yunqueyi.com",
+    qiniuImgUrl: "https://test1-file.yunqueyi.com",
+    loginUrl: 'https://test1-sso.yunqueyi.com/PICA_SSO_FE/html/pica_index.html',
+    innerLoginUrl: 'https://test1-sso.yunqueyi.com/PICA_SSO_FE/html/pica_login.html',
+    yuequeyiIndexUrl: 'https://test1.yunqueyi.com/pica_index.html',
+    excelUrl: 'https://test1-sc.yunqueyi.com/raytheon/excel/template/1',
+  },
+  uat: {
+    baseUrl: 'https://uat-sc.yunqueyi.com/',
+    qiniuFileUrl: "https://uat-sc.yunqueyi.com/contents/admin/qiniu/token1",
+    qiniuResourceUrl: "https://video.yunqueyi.com",  // 视频
+    qiniuImgUrl: "https://files.yunqueyi.com",
+    loginUrl: 'https://uat-sso.yunqueyi.com/PICA_SSO_FE/html/pica_index.html',
+    innerLoginUrl: 'https://uat-sso.yunqueyi.com/PICA_SSO_FE/html/pica_login.html',
+    yuequeyiIndexUrl: 'https://uat.yunqueyi.com/pica_index.html',
+    excelUrl: 'https://uat-sc.yunqueyi.com/raytheon/excel/template/1',
+  },
+  pro: {  
+    baseUrl: 'https://sc.yunqueyi.com/',
+    qiniuFileUrl: "https://sc.yunqueyi.com/contents/admin/qiniu/token1",
+    qiniuResourceUrl: "https://video.yunqueyi.com",
+    qiniuImgUrl: "https://files.yunqueyi.com",
+    loginUrl: 'https://sso.yunqueyi.com/PICA_SSO_FE/html/pica_index.html',
+    innerLoginUrl: 'https://sso.yunqueyi.com/PICA_SSO_FE/html/pica_login.html',
+    yuequeyiIndexUrl: 'https://www.yunqueyi.com/pica_index.html',
+    excelUrl: 'https://sc.yunqueyi.com/raytheon/excel/template/1',
+  }
+}

src/utils/fetch-qiniu.js

+//api路径
+import {isNotEmptyUtils} from "./utils";
+
+export default async(url = '', data = {}, type = 'POST', method = 'fetch',server='CONTENT') => {
+	type = type.toUpperCase();
+
+	// url = (server==='WECHAT'?wechatUrl:baseUrl) + url;
+    if (url.match("^http") == null){
+        url = localStorage.getItem("Url") + url;
+    }
+
+	console.log("完整url:",url)
+    if (type == 'GET' && data) {
+		let dataStr = ''; //数据拼接字符串
+		Object.keys(data).forEach(key => {
+			dataStr += key + '=' + data[key] + '&';
+		})
+
+		if (dataStr !== '') {
+			dataStr = dataStr.substr(0, dataStr.lastIndexOf('&'));
+			url = url + '?' + dataStr;
+            // url = encodeURI(url + '?' + dataStr, true);
+		}
+	}
+
+	if (window.fetch && method == 'fetch') {
+        let requestConfig = {
+            credentials: 'include',
+            method: type,
+            // mode: "cors",
+            headers: {
+                // 'Access-Control-Allow-Origin': '*',
+                'Accept': '*',
+                'Content-Type': 'application/json',
+                'sysCode':'2'
+                // 'token': localStorage.getItem('token') || null, //固定传header：
+                // 'system_code': 'todo'   //固定传header：系统编号
+            },
+        }
+
+        if (type == 'POST' || type === 'PUT' || type === 'PATCH' || type === 'DELETE' && data) {
+            Object.defineProperty(requestConfig, 'body', {
+                value: JSON.stringify(data)
+            })
+        }
+		try {
+			const response = await fetch(url, requestConfig);
+			const responseJson = await response.json();
+
+			return responseJson
+		} catch (error) {
+			throw new Error(error)
+		}
+	} else {
+		return new Promise((resolve, reject) => {
+			let requestObj;
+			if (window.XMLHttpRequest) {
+				requestObj = new XMLHttpRequest();
+			} else {
+				requestObj = new ActiveXObject;
+			}
+			let sendData = '';
+			if (type == 'POST' || type == 'DELETE' || type == 'PUT') {
+				sendData = JSON.stringify(data);
+			}
+			requestObj.open(type, url, true);
+			requestObj.setRequestHeader("Content-Type", "application/json");
+			requestObj.setRequestHeader("sysCode", "3");
+			requestObj.send(sendData);
+			requestObj.onreadystatechange = () => {
+				if (requestObj.readyState == 4) {
+					if (requestObj.status == 200) {
+						let obj = requestObj.response
+						if (typeof obj !== 'object' && isNotEmptyUtils(obj)) {
+							obj = JSON.parse(obj);
+						}
+						resolve(obj)
+					} else {
+						reject(requestObj)
+					}
+				}
+			}
+		})
+	}
+}

src/utils/fetch.js

+import axios from 'axios'
+import store from '../store'
+// import { getHostnameAndPort } from '../utils'
+// axios.defaults.withCredentials = true
+
+const service = axios.create({
+  // baseURL: process.env.BASE_API
+  timeout: 600000,
+  withCredentials: false
+})
+
+// request拦截器
+service.interceptors.request.use(config => {
+  config.headers['sysCode'] = 12
+  config.headers['token'] = localStorage.getItem('storageToken')
+  config.headers['deviceInfo'] = JSON.stringify({ "app_channel": "", "app_mac": "", "app_uuid": "", "app_version": "", "device_brand": "", "device_ip": "", "device_model": "", "device_net": "", "device_ops": "", "resolution_wh": "", "system_level": "", "device_type": '10' })
+  // if (config.data && config.data.setEntry) {
+  //   config.headers['sysCode'] = config.data.sysCode || 10
+  //   if(config.data.token){
+  //      config.headers['token'] = config.data.token || '63C3FA92AF8A45A48B31EB7FD97B95EB'
+  //   }
+   
+  //   config.headers['deviceInfo'] = JSON.stringify({ "app_channel": "", "app_mac": "", "app_uuid": "", "app_version": "", "device_brand": "", "device_ip": "", "device_model": "", "device_net": "", "device_ops": "", "resolution_wh": "", "system_level": "", "device_type": '10' })
+  // }
+  return config
+}, error => {
+ // logger.debug('service.interceptors.request: ', error)
+  Promise.reject(error)
+})
+
+// respone拦截器
+service.interceptors.response.use(
+  response => {
+    const res = response.data
+    /*  
+      baseUrl时，返回000000为成功
+      apiUrl时，返回200为成功
+    */    
+    // if (res.code !== '000000') {
+    //   return Promise.reject('error')
+    // } else {
+      return response.data
+    // }
+  },
+  error => {
+  //  logger.error('err' + error)
+    return Promise.reject(error)
+  }
+)
+export default service

src/utils/filter.js

+const vueFilter = {
+    dateFilter: (value) => {
+        if (!value) return '';
+        return new Date(value).format("yyyy-MM-dd hh:mm:ss");
+    },
+    getPushWay: (value) => {
+        if (value == 1) {
+            return '模板推送'
+        } else if (value == 2) {
+            return '手动推送'
+        }
+    },
+    getPushStatus: (value) => {
+        if (value == 1) {
+            return '推送中'
+        } else if (value == 2) {
+            return '推送完成 '
+        } else if (value == 3) {
+            return '任务中断'
+        }
+    },
+    getToValue: (value) => {
+        let toValue = value.toCount + ' | ' + Math.round(value.toProportion*10000)/10000 + '%';
+        return toValue;
+    },
+    getClickValue: (value) => {
+        let clickValue = value.clickCount + ' | ' + Math.round(value.clickProportion*10000)/10000 + '%';
+        return clickValue;
+    },
+    getFailedValue: (value) => {
+        let failedValue = value.failedCount + ' | ' + Math.round(value.failedProportion*10000)/10000 + '%';
+        return failedValue;
+    },
+    getNotice: (value) => {
+        if (value == 1) {
+            return '否'
+        } else if (value == 2) {
+            return '是'
+        }
+    },
+}
+export default vueFilter
\ No newline at end of file

src/utils/index.js

+/**
+ * Created by Anndy Yang on 18/09/18.
+ */
+import { envConfig } from '@/utils/env-config'
+
+export function setEventByModuleCode(itemData){
+  let modeCode = itemData.appModuleInfo.code || '';
+  let paramList = itemData.appModuleInfo.paramList ? itemData.appModuleInfo.paramList : ''
+  if( modeCode === 'M001' || modeCode === 'M002' || modeCode === 'M003') {
+      paramList = ''
+  }else if( modeCode === 'M100' || modeCode === 'M300' ) {
+     
+    let urlPara = getUrlParmByCode(paramList);
+    paramList[0] && (paramList[0].value += urlPara);
+
+  }else if( modeCode === 'M400') {
+
+      let path = paramList[0]['key'];
+      let v = paramList[0]['value'];
+      let query = setRouterParm(paramList);
+  }
+  if(typeof paramList === 'string' && !paramList){
+      paramList = []
+  }
+
+  return paramList;
+}
+
+function getUrlParmByCode(paramList) {
+    if ( paramList.length <= 1) {
+        return ''
+    }
+    let dataStr = ''
+    let list = [];
+    for( let i = 1; i < paramList.length; i ++) {
+        list.push(paramList[i].key + '=' + paramList[i].value)
+    }
+    dataStr = list.join('&')
+    if (dataStr !== '') {
+        return '?' + dataStr
+    }
+    return ''
+}
+
+// 计算高度
+export function resizeHeight(cMinusHeight = 152, iMinuxHeight = 210, refHeightId = 'sidebarWrapperId', 
+  containerHeightId = 'appContainerId', innerHeightId = 'elTableId'){
+  if (!p_getElm(refHeightId) || !p_getElm(containerHeightId) || !p_getElm(innerHeightId)) {
+    // window.onresize = null
+    logger.warn('No certain dom id!!!');
+  }
+  let containerHeight = p_getElm(refHeightId).getBoundingClientRect().height - 50
+  p_getElm(containerHeightId).style.height = containerHeight - cMinusHeight + 'px'
+  p_getElm(innerHeightId).style.height = containerHeight - iMinuxHeight + 'px'
+  if(p_getElm('elTableIdInner')){
+    p_getElm('elTableIdInner').style.height = containerHeight - iMinuxHeight + 'px' 
+  }
+  window.onresize = function() {
+    containerHeight = p_getElm(refHeightId).getBoundingClientRect().height - 50
+    p_getElm(containerHeightId).style.height = containerHeight - cMinusHeight + 'px'
+    p_getElm(innerHeightId).style.height = containerHeight - iMinuxHeight + 'px'
+    if (p_getElm('elTableIdInner')) {
+      p_getElm('elTableIdInner').style.height = containerHeight - iMinuxHeight + 'px'  
+    }
+  }
+}
+
+function p_getElm(elmId) {
+  return document.getElementById(elmId)
+}
+
+
+
+
+export function deepCopy(obj) {
+  var result = Array.isArray(obj) ? [] : {};
+  for (var key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      if (typeof obj[key] === 'object') {
+        result[key] = deepCopy(obj[key]);   //递归复制
+      } else {
+        result[key] = obj[key];
+      }
+    }
+  }
+  return result;
+}
+
+/**
+ * 
+ * @param {Array}     originData  初始数据
+ * @param {Boolean}   isUp        true: 升序  false: 降序
+ * @param {String}    sortField   排序字段，如果没有，则直接排序
+ * @param {Function}  converFun   字段对应的数值转换函数
+ */
+export function arraySort(originData, isUp = true, sortedField, converFun) {
+  // debugger
+  let sortedData = originData.slice(), swap, sourceA, sourceB;
+  for(let i = 0; i < sortedData.length - 1; i ++) {
+    for(let j = 0; j < sortedData.length - i -1; j++) {
+      sourceA = sortedData[j]
+      sourceB = sortedData[j + 1]
+      if(sortedField && !converFun) {
+        sourceA = sourceA[sortedField]
+        sourceB = sourceB[sortedField]
+      } else if(sortedField && converFun && typeof converFun === 'function'){
+        if(!sourceA[sortedField] || !sourceB[sortedField]) {
+          sourceA = 0
+          sourceB = 0
+        } else {
+          sourceA = converFun(sourceA[sortedField])
+          sourceB = converFun(sourceB[sortedField])  
+        }
+      }
+      // if(!sourceA || !sourceB) {
+      //   sourceA = 0
+      //   sourceB = 0
+      // }
+      if(isUp) {
+        if((sourceA - 0) > (sourceB - 0)) {
+          swap = sortedData[j]
+          sortedData[j] = sortedData[j + 1]
+          sortedData[j + 1] = swap
+        }
+      } else {
+        if((sourceA - 0) < (sourceB - 0)) {
+          swap = sortedData[j]
+          sortedData[j] = sortedData[j + 1]
+          sortedData[j + 1] = swap
+        }  
+      }
+    }
+  }
+  return sortedData
+}
+
+
+export function sortParmData(originData, orderCol, index) {
+  return originData.sort((a, b) => {
+    return (a[orderCol] - b[orderCol] ) * -1
+  })
+}
+
+// 获取SC服务器域名地址
+export function getBaseUrl(url) {
+  return getConfigByEnvType('baseUrl') + url
+}
+
+// 获取七牛token
+export function getQiniuToken1() {
+  return getConfigByEnvType('qiniuFileUrl')
+}
+
+// 登录URL
+export function getLoginUrl(param) {
+  return getConfigByEnvType('loginUrl') + param
+}
+export function getInnerLoginUrl() {
+  return getConfigByEnvType('innerLoginUrl')
+}
+
+// 云鹊医首页
+export function getYunQueYiUrl() {
+  return getConfigByEnvType('yuequeyiIndexUrl')
+}
+
+// 七牛上传视频和图片
+export function uploadVideo() {
+  return getConfigByEnvType('qiniuResourceUrl')
+}
+export function uploadImg() {
+  return getConfigByEnvType('qiniuImgUrl')
+}
+// Excel模板地址
+export function getExcel() {
+  return getConfigByEnvType('excelUrl')
+}
+
+// 根据不同环境，生成URL
+function getConfigByEnvType(urlType) {
+  return envConfig[process.env.BUILD_ENV][urlType]
+}
+

src/utils/mixins.js

+import fetch from '@/utils/fetch'
+import { getBaseUrl } from '@/utils/index'
+
+module.exports = {
+    data: function () {
+        return {
+            token: null
+        }
+    },
+    created: function () {
+      //  let query = this.$router.query
+        // this.token = this.getUrlSearch(location.href, 'token') || (query && query.token) || null
+      //  this.token = this.getUrlKey('token') || (query && query.token) || null
+    },
+    mounted: function() {
+      
+    },
+    methods: {
+        getUrlPara(obj) {
+            let dataStr = ''
+            let list = [];
+            for (let attr in obj) {
+                if (obj.hasOwnProperty(attr) && attr != 'data') {
+                    list.push(attr + '=' + obj[attr])
+                }
+            }
+            dataStr = list.join('&')
+            if (dataStr !== '') {
+                return '?' + dataStr
+            }
+            return ''
+        },
+
+        setRouterParm(paramList){
+            let parm = {};
+            if(paramList.length<=1){
+                return '';
+            }
+            for(let i=1;i<paramList.length;i++){
+                parm[paramList[i].key] = paramList[i].value;
+            }
+            return parm;
+        },
+
+        // 拼接多个参数
+        getUrlParmByCode(paramList) {
+            if ( paramList.length <= 1) {
+                return ''
+            }
+            let dataStr = ''
+            let list = [];
+            for( let i = 1; i < paramList.length; i ++) {
+                list.push(paramList[i].key + '=' + paramList[i].value)
+            }
+            dataStr = list.join('&')
+            if (dataStr !== '') {
+                return '?' + dataStr
+            }
+            return ''
+        },
+        //处理五分钟数据 初始化播放状态
+        handelFive(d) {
+            for (let i = 0; i < d.length; i++) {
+                d[i].play = '0';
+            }
+            return d;
+        },
+
+        // 根据条件排序
+        async searchForOrder(searchCategory = '1', searchValue = '', sortItem = 1, pageSize = 10, sourceData = []) {
+            if(pageSize <=0 ) return;
+            let str2 = (searchValue || '').replace(/[\-\_\,\!\|\~\`\(\)\#\$\%\^\&\*\{\}\:\;\"\L\<\>\?]/g, '');// 去掉特殊字符
+            let _this = this,
+                para = {
+                    searchCategory: searchCategory,
+                    searchValue: str2,
+                    keywordColor: 'rgba(244,122,72,1)',
+                    sortItem: sortItem,
+                    pageNo: 1,
+                    pageSize: pageSize,
+                    token: _this.token,
+                    setEntry: 'headers',
+                }
+            let url = 'contents/searchKeyword/searchContent'
+      
+            let csourceData = await this.GET(url, para).then(res => {
+                // _this.searchText = ''
+                if (res.code == '000000') {
+                    // 课程
+                    if(searchCategory.indexOf('1') >= 0) {
+                        sourceData = (res.data && res.data.contentAppModels) || []
+                    }
+                    if(searchCategory.indexOf('2') >= 0) {
+                        // sourceData = []
+                        sourceData = this.handelFive(res.data.fiveMinutesMedicalContentList || [])
+                    }
+                    if(searchCategory.indexOf('3') >= 0) {
+                        sourceData = (res.data && res.data.pCourseDoctorModels) || []
+                    }
+                    if(searchCategory.indexOf('4') >= 0) {
+                        sourceData = res.data.educationContents
+                    }
+                }
+                return sourceData || []
+            })
+            return csourceData
+        },
+      
+        setEventByModuleCode(itemData){
+            let modeCode = itemData.appModuleInfo.code || '';
+            let paramList = itemData.appModuleInfo.paramList ? itemData.appModuleInfo.paramList : ''
+
+            if( modeCode === 'M001' || modeCode === 'M002' || modeCode === 'M003') {
+                paramList = ''
+            }else if( modeCode === 'M100' || modeCode === 'M300' ) {
+                // 支持多个参数
+                let urlPara = this.getUrlParmByCode(paramList);
+                if(paramList[0]){
+                    if( paramList[0].value.indexOf("?") == -1){
+                        paramList[0].value += urlPara
+                    }
+                }
+            } else if (modeCode === 'M400') {
+                debugger
+                let path = paramList[0]['key'];
+                let v = paramList[0]['value'];
+                let query = this.setRouterParm(paramList);
+                paramList = [{
+                    url:v,
+                    query:query
+                }]
+                this.$router.push({
+                    path: v,
+                    query: query
+                })
+                //alert(this.token);
+               return 'NO'
+            }
+            if(typeof paramList === 'string' && !paramList){
+                paramList = []
+            }
+            return paramList;
+        },
+
+        // 通用GET请求
+        GET(api, para, callback,str) {
+           // para.token = para.token || this.token || "343BCABC890349ACAF357FA79122F9FE"
+            let url = api + this.getUrlPara(para)
+            url = encodeURI(url);
+            return fetch({
+                url: getBaseUrl(url),
+                method: 'get',
+                data: para
+            })
+        },
+
+        // 通用DELETE请求
+        DELETE(api, para, callback,str) {
+            // para.token = para.token || this.token || "343BCABC890349ACAF357FA79122F9FE"
+            let url = api + this.getUrlPara(para)
+            return fetch({
+                url: getBaseUrl(url),
+                method: 'delete',
+                data: para
+            })
+        },
+
+        // 通用POST请求
+        POST(api, para, callback) {
+            // para.token = para.token || this.token || "343BCABC890349ACAF357FA79122F9FE"
+            return fetch({
+                url: getBaseUrl(api),
+                method: 'post',
+                data: para
+            })
+        },
+        
+        // 从html参数
+        getUrlKey(name) {
+            if (decodeURIComponent && location.href) {
+                return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null
+            } else {
+                return null
+            }
+        },
+        getUrlSearch(url, name) {
+            if (typeof name == 'undefined') {
+                name = url
+                url = location.href
+            }
+            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
+            var r = url.slice(url.indexOf('?') + 1).match(reg);
+            if (r != null) {
+                try {
+                    return decodeURIComponent(r[2]);
+                } catch (_e) {
+                    return null
+                }
+            }
+            return null
+        }
+
+    }
+}

src/utils/mock.js

+let tableOrganization = [{
+    name: "上海市第一人民医院",
+    grade: "一甲医院",
+    province: "上海市",
+    city: "上海市",
+    district: "浦东新区",
+    street: "张江街道"
+}, {
+    name: "上海市第二人民医院",
+    grade: "二甲医院",
+    province: "上海市",
+    city: "上海市",
+    district: "浦东新区",
+    street: "张江街道"
+}, {
+    name: "上海市第三人民医院",
+    grade: "三甲医院",
+    province: "上海市",
+    city: "上海市",
+    district: "浦东新区",
+    street: "张江街道"
+}];
+
+let tablePerson = [{
+    name: "云小鹊",
+    hospital: "上海市第一人民医院",
+    department: "全科",
+    province: "上海市",
+    city: "上海市",
+    district: "浦东新区"
+}, {
+    name: "云小鹊",
+    hospital: "上海市第二人民医院",
+    department: "全科",
+    province: "上海市",
+    city: "上海市",
+    district: "长宁区"
+}, {
+    name: "云小鹊",
+    hospital: "上海市第三人民医院",
+    department: "全科",
+    province: "上海市",
+    city: "上海市",
+    district: "南汇区"
+}];
+let treeData = [
+    {
+        id: 11,
+        name: "一级 1",
+        label: "一级 1",
+        isLeaf: "true",
+        children: [
+            {
+                id: 1,
+                label: "一级 1",
+                isLeaf: "true",
+                children: [
+                    {
+                        id: 4,
+                        label: "二级 1-1",
+                        children: [
+                            {
+                                id: 9,
+                                label: "三级 1-1-1"
+                            },
+                            {
+                                id: 10,
+                                label: "三级 1-1-2"
+                            }
+                        ]
+                    }
+                ]
+            },
+            {
+                id: 2,
+                label: "一级 2",
+                children: [
+                    {
+                        id: 5,
+                        label: "二级 2-1",
+                        children: [],
+                    },
+                    {
+                        id: 6,
+                        label: "二级 2-2",
+                        isLeaf: false,
+                    }
+                ]
+            },
+            {
+                id: 4,
+                label: "一级 4",
+                isLeaf: false,
+            },
+            {
+                id: 3,
+                label: "一级 3",
+                children: [
+                    {
+                        id: 7,
+                        label: "二级 3-1"
+                    },
+                    {
+                        id: 8,
+                        label: "二级 3-2"
+                    }
+                ]
+            }
+        ]
+    }
+];
+// 按钮type类型： 0-编辑
+// 1-暂存 2-完成 3-上架 4-通过 5-下架 6-拒绝
+// 7- 提醒审核 8(2)-取消审核 9-删除
+let buttonStatusIn = [
+    //L1 内部管理员 L2项目负责人 L3次级负责人
+    //草稿
+    { L1: "09", L2: "", L3: "" },
+    //未上架
+    { L1: "039", L2: "039", L3: "0" },
+    //待审核、审批中
+    { L1: "46", L2: "78", L3: "" },
+    //已上架
+    { L1: "05", L2: "05", L3: "0" },
+    //已下架
+    { L1: "039", L2: "039", L3: "0" },
+    //已拒绝/未上架
+    { L1: "039", L2: "039", L3: "0" },
+];
+let buttonStatusOut = [
+    //L1 内部管理员 L2项目负责人 L3次级负责人
+    //草稿
+    { L1: "", L2: "09", L3: "" },
+    //未上架
+    { L1: "09", L2: "039", L3: "0" },
+    //待审核、审批中
+    { L1: "46", L2: "78", L3: "" },
+    //已上架
+    { L1: "05", L2: "05", L3: "0" },
+    //已下架
+    { L1: "039", L2: "039", L3: "0" },
+    //已拒绝/未上架
+    { L1: "09", L2: "039", L3: "0" },
+];
+export function returnData() {
+    let data = {};
+    data.tableOrganization = tableOrganization;
+    data.tablePerson = tablePerson;
+    data.treeData = treeData;
+    data.buttonStatusIn = buttonStatusIn;
+    data.buttonStatusOut = buttonStatusOut;
+    return data;
+}
\ No newline at end of file

src/utils/operation.js

+//求并集
+export function getUnion(a, b) {
+  if (a.constructor === Array && b.constructor === Array) {
+    let set1 = new Set(a);
+    let set2 = new Set(b);
+    return Array.from(new Set([...set1, ...set2]));
+  }
+  return null;
+}
+//求差集
+export function getDifference(a, b) {
+  if (a.constructor === Array && b.constructor === Array) {
+    let set1 = new Set(a);
+    let set2 = new Set(b);
+    return Array.from(new Set([...set1].filter(x => !set2.has(x))));
+  }
+  return null;
+}
+//求交集
+export function getIntersect(a, b) {
+  if (a.constructor === Array && b.constructor === Array) {
+    let set1 = new Set(a);
+    let set2 = new Set(b);
+    return Array.from(new Set([...set1].filter(x => set2.has(x))));
+  }
+  return null;
+}
+//获取id的list
+export function getIdList(data) {
+  let list = [];
+  if(typeof data === 'undefined') {
+    return list;
+  }
+  if (data.constructor === Array) {
+    for (let i = 0; i < data.length; i++) {
+      list.push(data[i].id);
+    }
+  }
+  return list;
+}
+//区域
+export function getDivision(data) {
+  if (data === null || data == 'NaN') {
+    let empty = [];
+    return empty;
+  }
+  let list = data.split('|');
+  let num = [];
+  for (let i = 0; i < list.length; i++) {
+    num[i] = parseInt(list[i]);
+  }
+  //console.log(list);
+  return num;
+}
+export function getLevelList(data) {
+  let level = [];
+  level[0] = {
+    id: '-1',
+    label: '全部医院等级',
+  }
+  for (let i = 0; i < data.length; i++) {
+    let obj = {
+      id: data[i].no,
+      label: data[i].value,
+    }
+    level.push(obj);
+  }
+  //console.log(level);
+  return level;
+}
+function inTags(id, tags) {
+  let flag = false;
+  for (let i = 0; i < tags.length; i++) {
+    if (tags[i].key == id) {
+      flag = true;
+    }
+  }
+  return flag;
+}
+export function inOrganization(list, id) {
+  let flag = false;
+  if (list.length == 0) {
+    flag = true;
+  }
+  for (let i = 0; i < list.length; i++) {
+    if (list[i].id != id) {
+      flag = true;
+    }
+  }
+  return flag;
+}
+export function initTags(value) {
+  let tags = [];
+  for (let j = 0; j < value.length; j++) {
+    let tagsComponent = {};
+    tagsComponent.value = value.value;
+    tagsComponent[j].name = this.optionsComponent[j].label;
+  }
+  return tags;
+}
+//机构列表
+export function getOrganizationList(data) {
+  let list = [];
+  list[0] = {
+    value: '0',
+    label: '全部机构',
+  };
+  for (let i = 0; i < data.length; i++) {
+    let obj = {
+      value: data[i].key,
+      label: data[i].name,
+    }
+    list.push(obj);
+  }
+  return list;
+}
+//机构列表
+export function getHospitalList(data) {
+  let list = [];
+  list[0] = {
+    value: 0,
+    label: '全部医院',
+  };
+  for (let i = 0; i < data.length; i++) {
+    let obj = {
+      value: data[i].id,
+      label: data[i].name,
+    }
+    list.push(obj);
+  }
+  //console.log(list);
+  return list;
+}
+
+//拼树
+export function changeTags(option) {
+  let list = [];
+  // for(let i=0;i<option.length;i++) {
+  //   console.log(option[i].label);
+  //   let obj = {
+  //     name: option[i].name,
+  //     key: option[i].key,
+  //   }
+  //   list.push(obj);
+  // }
+  console.log(option);
+  return option;
+}
+// 递归删除多余的节点
+function handlerAction(treeData, selData) {
+  treeData.forEach((elem, index) => {
+    if (!isValuable(elem.value, selData)) {
+      treeData.splice(index, 1)
+      handlerAction(treeData, selData)
+    } else {
+      if (elem.children) {
+        handlerAction(elem.children, selData)
+      }
+    }
+  })
+  return treeData;
+}
+function isValuable(val, selData) {
+  for (let i = 0; i < selData.length; i++) {
+    if (selData[i]['value'].indexOf(val) >= 0) {
+      return true
+    }
+  }
+  return false
+}
+function changeTreeKey(oData, orgKey, targetKey) {
+  oData = [...oData]
+  oData.forEach(elem => {
+    elem[targetKey] = elem[orgKey]
+    delete elem[orgKey]
+    if (elem.children) {
+      changeTreeKey(elem.children, orgKey, targetKey)
+    }
+  })
+  return oData
+}
+function deleteTreeKey(oData, delKeys) {
+  oData = [...oData]
+  oData.forEach(elem => {
+    delKeys.forEach(key => {
+      delete elem[key]
+    })
+    if (elem.children) {
+      deleteTreeKey(elem.children, delKeys)
+    }
+  })
+  return oData
+}
+function deleteEmptyChild(oData) {
+  oData = [...oData]
+  oData.forEach(elem => {
+    if (elem.children && elem.children.length == 0) {
+      delete elem.children
+    } else if (elem.children) {
+      deleteEmptyChild(elem.children)
+    }
+  })
+  return oData
+}
+function addEmpty(data) {
+  let after = [];
+  after[0] = {
+    label: "全部地区",
+    value: "0",
+  }
+  for(let i=0;i<data.length;i++) {
+    after.push(data[i]);
+  }
+  return after;
+}
+export function treeHandler(treeData, selData) {
+  //console.log('treeData',treeData,'selData',selData);
+  treeData = deleteTreeKey(treeData, ['status', 'disabled'])
+  treeData = changeTreeKey(treeData, 'id', 'value')
+  selData = changeTreeKey(selData, 'name', 'label')
+  selData = changeTreeKey(selData, 'key', 'value')
+  let endData = deleteEmptyChild(handlerAction(treeData, selData));
+  // console.log(treeData, selData)
+  //return handlerAction(treeData, selData);
+  let returnData = addEmpty(endData);
+  return returnData;
+}
+
+//小生态
+export function getEcologyList() {
+  let dataList = [{
+    id: '123',
+    name: '上海第一人民医院',
+    hospitalLevelName: '二甲医院',
+    provinceName: '上海市',
+    cityName: '上海市',
+    countyName: '浦东新区',
+    townName: '--',
+  },{
+    id: '124',
+    name: '上海第二人民医院',
+    hospitalLevelName: '二甲医院',
+    provinceName: '上海市',
+    cityName: '上海市',
+    countyName: '浦东新区',
+    townName: '--',
+  },{
+    id: '125',
+    name: '上海第三人民医院',
+    hospitalLevelName: '二甲医院',
+    provinceName: '上海市',
+    cityName: '上海市',
+    countyName: '浦东新区',
+    townName: '--',
+  }]
+  return dataList;
+}
+export function getEcologySelect (data) {
+  // let ecologyist = [{
+  //   label: '上海小生态',
+  //   value: '1',
+  // },{
+  //   label: '北京小生态',
+  //   value: '2',
+  // }];
+  let ecologyist = [];
+  for(let i=0;i<data.length;i++) {
+    let obj = {
+      label: data[i].name,
+      value: data[i].id,
+    }
+    ecologyist.push(obj);
+  }
+  return ecologyist;
+}
\ No newline at end of file

src/utils/rem.js

+(function(doc, win) {
+    var docEl = doc.documentElement || doc.body,
+        htmlDom = doc.getElementsByTagName('html')[0],
+        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
+        recalc = function() {
+            var clientWidth = docEl.clientWidth
+            if (!clientWidth) return
+            // docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
+            htmlDom.style.fontSize = clientWidth / 10 + 'px'
+        };
+    if (!doc.addEventListener) return
+    win.addEventListener(resizeEvt, recalc, false)
+    doc.addEventListener('DOMContentLoaded', recalc, false)
+})(document, window)
\ No newline at end of file

src/utils/validate.js

+/**
+ * 添加自定义的验证规则
+ */
+
+export function isvalidUsername(str) {
+    const valid_map = ['admin', 'editor']
+    return valid_map.indexOf(str.trim()) >= 0
+  }
+  
+  /* 合法uri*/
+  export function validateURL(textval) {
+    const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
+    return urlregex.test(textval)
+  }
+  
+  /* 小写字母*/
+  export function validateLowerCase(str) {
+    const reg = /^[a-z]+$/
+    return reg.test(str)
+  }
+  
+  /* 大写字母*/
+  export function validateUpperCase(str) {
+    const reg = /^[A-Z]+$/
+    return reg.test(str)
+  }
+  
+  /* 大小写字母*/
+  export function validatAlphabets(str) {
+    const reg = /^[A-Za-z]+$/
+    return reg.test(str)
+  }
+
+  // 2-150个中英文字符
+  export function validateWord150(rule, value, callback, message) {
+      if(!/^[\u4e00-\u9fffa-zA-Z]{2,150}$/.test(value)) {
+        callback(new Error(message))
+      } else {
+        callback()
+      }
+  }
+  // 考试30个中英文字符
+  export function validateWord30(value,message) {
+    if(!/^[\u4e00-\u9fffa-zA-Z]{0,30}$/.test(value)) {
+      callback(new Error('考试名称长度不超过30个中文字符长度'))
+    } else {
+      callback()
+    }
+}
+  /* 通用密码验证(数字、字母、下划线或特殊字符且长度为0-150位) */
+export function isValidPassword(rule, value, callback, message) {
+    if (!/^(?:\d+|[a-zA-Z]+|[!@#$%^&*]+){0,150}$/.test(value)) {
+      callback(new Error(message))
+    } else {
+      callback()
+    }
+}
+  
+  
\ No newline at end of file

src/views/blank.vue

+<template>
+    <div id="screenSet" class="blank-wrap screenSet">
+        <div class="blank-content">
+            <img src="../assets/image/no-content.png"/>
+            <p>很抱歉，您暂时还没开通工作站功能</p>
+        </div>
+    </div>
+</template>
+<script>
+import * as commonUtil from '../utils/utils'
+export default {
+    data() {
+        return {
+
+        }
+    },
+    // 挂载到Dom完成时
+    mounted: function() {
+        commonUtil.resizeHeight(100)
+    }
+}
+</script>
+<style lang="scss">
+.blank-wrap {
+    background: #fff;
+    margin: 20px !important;
+    position: relative;
+    text-align: center;
+    .blank-content {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 400px;
+        height: 100px;
+        margin-top: -50px;
+        margin-left: -200px;
+        p {
+            margin-top: 20px;
+            font-size: 20px;
+            color: #999;
+        }
+        img {
+            width: 100px;
+        }
+    }
+}
+</style>
+
+

src/views/home.vue

+<template>
+    <div class="home-wrap">
+        <bread-crumb :curmbFirst="curmbFirst"></bread-crumb>
+        <div class="message-content">
+            <el-row>
+                <el-col class="visitor" :span="24" v-if="tableData.length > 0">
+                    <div class="visitor-title">
+                        <div class="title">今日随访：<span style="color:#449284;">10人</span></div>
+                        <span class="visitor-more" @click="lookMore">查看更多</span>
+                    </div>
+                    <div class="visitor-info">
+                        <el-table
+                            :data="tableData"
+                            style="width: 100%">
+                            <el-table-column prop="date" label="预约时间" min-width="30"></el-table-column>
+                            <el-table-column prop="name" label="姓名" min-width="20"></el-table-column>
+                            <el-table-column prop="style" label="随访方式" min-width="30"></el-table-column>
+                            <el-table-column prop="content" label="随访内容"></el-table-column>
+                        </el-table>
+                    </div>
+                </el-col>
+                <el-col class="message screenSet" :span="24" id="screenSet">
+                    <div class="message-title">系统消息 <span>今日消息：{{count}}条</span></div>
+                    <div class="message-info" v-if="messageList.length > 0">
+                        <div class="message-item" v-for="(item,index) in messageList" :key="index">
+                            <div class="text-top">
+                                <img :src="item.url"/>
+                                <span>{{item.menuName}}</span>
+                                <span>{{item.portalTime}}</span>
+                            </div>
+                            <div class="text-bottom">{{item.content}}</div>
+                        </div>
+                    </div>
+                    <div class="no-message" v-else>
+                        <div>
+                            <img src="../assets/image/noData.png"/>
+                        </div>
+                    </div>
+                </el-col>
+            </el-row>
+        </div>
+    </div>
+</template>
+<script>
+import BreadCrumb from '../components/breadcrumb.vue'
+import { setTimeout, setInterval } from 'timers'
+import { mapGetters } from 'vuex'
+import * as commonUtil from '../utils/utils'
+let vm = null
+export default {
+    components: {
+        BreadCrumb
+    },
+    data() {
+        return {
+            curmbFirst: '数据总览',
+            spanFirstNum: 12,
+            spanSecondNum: 12,
+            tableData: [],
+            count: 0,
+            messageList:[]
+        }
+    },
+    created() {
+        vm = this
+        vm.getSystemData()
+    },
+    computed: {
+        ...mapGetters([
+            '_token'
+        ])
+    },
+    // 挂载到Dom完成时
+    mounted: function() {
+        commonUtil.resizeHeight()
+    },
+    methods: {
+        // 查看更多
+        lookMore() {
+
+        },
+        // 获取系统消息数据
+        getSystemData() {
+            vm.GET('portal/portalMessage/queryPortalMessageInfo',{token: vm._token, pageNo: 1, pageSize: 15}).then((res) => {
+                if( res.code == '000000') {
+                    vm.messageList = res.data.portalMessageModels
+                    vm.count = res.data.count
+                } else {
+					vm.$message.info(res.message)
+				}
+            })
+        }
+    }
+}
+</script>
+<style lang="scss">
+    .home-wrap {
+        .message-content {
+            .visitor {
+                padding: 0 25px 30px;
+                margin-bottom: 20px;
+                background: #fff;
+                // min-height: 348px;
+                .visitor-title {
+                    height: 80px;
+                    line-height: 80px;
+                    margin-right: 20px;
+                    text-align: right;
+                    .title {
+                        float: left;
+                        font-size: 20px;
+                    }
+                    .visitor-more {
+                        font-size: 12px;
+                        color: #449284;
+                        border: 1px solid rgba(68,146,132,0.3);
+                        padding: 5px 14px;
+                        border-radius: 3px;
+                        background: rgba(68,146,132,0.06);
+                    }
+                }
+                .visitor-info {
+                    margin-right: 20px;
+                }
+            }
+            .message {
+                padding: 0 25px 30px;
+                background: #fff;
+                // min-height: 436px;
+                .message-title {
+                    font-size: 20px;
+                    height: 80px;
+                    line-height: 80px;
+                    span {
+                        font-size: 14px;
+                        color: #717377;
+                        margin-left: 8px;
+                    }
+                }
+                .message-info {
+                    padding: 7px;
+                    .message-item {
+                        padding: 10px 10px 15px;
+                        border-bottom: 1px solid #EBEEF5;
+                        .text-top {
+                            img {
+                                float: left;
+                                width: 16px;
+                                margin-top: 3px;
+                            }
+                            span:nth-child(2) {
+                                padding: 10px;
+                            }
+                            span:nth-child(3) {
+                                font-size: 12px;
+                                color: #999;
+                            }
+                        }
+                        .text-bottom {
+                            font-size: 14px;
+                            color: #666;
+                            margin-top: 15px;
+                        }
+                        
+                    }
+                }
+            }
+            .no-message {
+                text-align: center;
+                img {
+                    width: 100px;
+                    margin-top: 17%;
+                }
+            }
+        }
+    }
+</style>
+
+

src/views/layout/footer.vue

+<template>
+    <div class="footer-wrap">
+        <span>Copyright© 2019 云鹊医疗科技 (上海) 有限公司</span>
+        <span>沪ICP：16018581号-1</span>
+        <span><img src="../../assets/image/footer-icon.png"/>京ICP备：14044861号</span>
+    </div>
+</template>
+<script>
+export default {
+    
+}
+</script>
+<style lang="scss">
+    .footer-wrap {
+        text-align: center;
+        height: 75px;
+        line-height: 75px;
+        font-size: 12px;
+        color: #838486;
+        span {
+            padding: 0 10px;
+        }
+        img {
+            width: 12px;
+            padding-right: 5px;
+        }
+    }
+</style>
+
+