├── .gitignore
├── .babelrc
├── src
    ├── assets
    │   └── logo.png
    ├── components
    │   ├── common
    │   │   ├── Nothing.vue
    │   │   ├── SideNav.vue
    │   │   └── DataHeader.vue
    │   ├── help
    │   │   └── Help.vue
    │   ├── feedback
    │   │   └── Feedback.vue
    │   ├── userGroup
    │   │   └── UserGroup.vue
    │   ├── user
    │   │   └── UserList.vue
    │   └── testManagement
    │   │   ├── TestManagement.vue
    │   │   ├── TestUser.vue
    │   │   └── TestProject.vue
    ├── main.js
    ├── router.js
    ├── App.vue
    └── mock
    │   ├── testProject.js
    │   └── userGroup.js
├── dist
    ├── a61be9cda5272a0c94b957cb630cc970.eot
    ├── b02bdc1b846fd65473922f5f62832108.ttf
    ├── d2f69a92faa6fe990d2e613c358be705.woff
    └── element-icons.svg
├── README.md
├── index.html
├── package.json
└── webpack.config.js


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | dist/
3 | node_modules/
4 | npm-debug.log
5 | 


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": [
3 |     ["es2015", { "modules": false }]
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monster1935/vue-element/HEAD/src/assets/logo.png


--------------------------------------------------------------------------------
/dist/a61be9cda5272a0c94b957cb630cc970.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monster1935/vue-element/HEAD/dist/a61be9cda5272a0c94b957cb630cc970.eot


--------------------------------------------------------------------------------
/dist/b02bdc1b846fd65473922f5f62832108.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monster1935/vue-element/HEAD/dist/b02bdc1b846fd65473922f5f62832108.ttf


--------------------------------------------------------------------------------
/dist/d2f69a92faa6fe990d2e613c358be705.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monster1935/vue-element/HEAD/dist/d2f69a92faa6fe990d2e613c358be705.woff


--------------------------------------------------------------------------------
/src/components/common/Nothing.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="nothing">
 3 |     <h1>暂无内容</h1>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <style media="screen">
 8 | 
 9 |   .nothing{
10 |     position: relative;
11 | 
12 |   }
13 |   .nothing h1{
14 |     color: #ccc;
15 |     text-align: center;
16 |     margin-top: 20%;
17 |   }
18 | </style>
19 | 


--------------------------------------------------------------------------------
/src/components/help/Help.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="testManagement">
 3 |     <nothing></nothing>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 |   import Nothing from '../common/Nothing.vue';
 9 | 
10 |   export default{
11 |     data(){
12 |       return {
13 | 
14 |       }
15 |     },
16 |     components:{
17 |       Nothing
18 |     }
19 |   }
20 | </script>
21 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # vue-element
 2 | >Vue2.0+Vue-router+ElementUI实现的后台管理系统模板
 3 | 
 4 | ## Online Demo
 5 | [在线演示，请戳这里~](http://monster1935.github.io/vue-element)
 6 | 
 7 | ## How to use
 8 | ```shell
 9 | npm install
10 | npm run dev
11 | npm run build
12 | ```
13 | ## Introduction
14 | 该项目为本人学习Vue的练手项目，使用ElementUI实现。目前仅仅给出了一个后台管理系统的雏形。模板中出现的数据均为模拟数据，后期打算在此基础上配合Nodejs实现一个完整的单页应用。欢迎技术交流~
15 | 


--------------------------------------------------------------------------------
/src/components/feedback/Feedback.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="testManagement">
 3 |     <nothing></nothing>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 |   import Nothing from '../common/Nothing.vue';
 9 | 
10 |   export default{
11 |     data(){
12 |       return {
13 | 
14 |       }
15 |     },
16 |     components:{
17 |       Nothing
18 |     }
19 |   }
20 | </script>
21 | 


--------------------------------------------------------------------------------
/src/components/userGroup/UserGroup.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="testManagement">
 3 |     <nothing></nothing>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 |   import Nothing from '../common/Nothing.vue';
 9 | 
10 |   export default{
11 |     data(){
12 |       return {
13 | 
14 |       }
15 |     },
16 |     components:{
17 |       Nothing
18 |     }
19 |   }
20 | </script>
21 | 


--------------------------------------------------------------------------------
/src/components/user/UserList.vue:
--------------------------------------------------------------------------------
 1 | <!-- 用户管理组件 -->
 2 | <template>
 3 |   <div class="userList">
 4 |     <nothing></nothing>
 5 |   </div>
 6 | </template>
 7 | 
 8 | 
 9 | <script>
10 |   import Nothing from '../common/Nothing.vue';
11 |   export default{
12 |     data(){
13 |       return {
14 | 
15 |       }
16 |     },
17 |     components: {
18 |       Nothing
19 |     }
20 |   }
21 | 
22 | </script>
23 | 
24 | 
25 | <style>
26 | 
27 | </style>
28 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import ElementUI from 'element-ui'
 3 | // import '../theme/index.css'
 4 | import 'element-ui/lib/theme-default/index.css'
 5 | import App from './App.vue'
 6 | import VueRouter from 'vue-router'
 7 | import routerMap from './router.js'
 8 | 
 9 | Vue.use(VueRouter);
10 | Vue.use(ElementUI);
11 | 
12 | const router = new VueRouter({routes: routerMap})
13 | 
14 | const app = new Vue({
15 |   router
16 | }).$mount('#app');
17 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>Vue-element</title>
 6 |   </head>
 7 |   <style media="screen">
 8 |     html,body{
 9 |       font-family: Microsoft Yahei;
10 |       height: 100%;
11 |       margin: 0;
12 |     }
13 |   </style>
14 |   
15 |   <body>
16 |     <div id="app">
17 |       <router-view></router-view>
18 |     </div>
19 |     <script src="./dist/build.js"></script>
20 |   </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/src/components/testManagement/TestManagement.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="testManagement">
 3 |     <el-tabs :active-name="activeName">
 4 |       <el-tab-pane label="方案测试" name="first">
 5 |         <test-project></test-project>
 6 |       </el-tab-pane>
 7 |       <el-tab-pane label="用户测试" name="second">
 8 |         <test-user></test-user>
 9 |       </el-tab-pane>
10 | 
11 |     </el-tabs>
12 |   </div>
13 | </template>
14 | 
15 | <script>
16 |   import Nothing from '../common/Nothing.vue';
17 |   import TestProject from './TestProject.vue';
18 |   import TestUser from './TestUser.vue'
19 |   export default{
20 |     data(){
21 |       return {
22 |           activeName: 'first'
23 |       }
24 |     },
25 |     components:{
26 |       Nothing,
27 |       TestProject,
28 |       TestUser
29 |     }
30 |   }
31 | </script>
32 | 
33 | <style>
34 |   .el-tabs{
35 |     width: 100%;
36 |   }
37 | </style>
38 | 


--------------------------------------------------------------------------------
/src/components/common/SideNav.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 
 3 | 
 4 |     <el-menu default-active="/testManagement" class="el-menu-vertical-demo" router>
 5 |     <el-submenu index="1">
 6 |       <template slot="title"><i class="el-icon-message"></i>系统管理</template>
 7 |       <el-menu-item-group>
 8 |         <template slot="title">分组一</template>
 9 |         <el-menu-item index="/index/testManagement">测试管理</el-menu-item>
10 |         <el-menu-item index="/index/userGroup">用户分群管理</el-menu-item>
11 |       </el-menu-item-group>
12 |       <el-menu-item-group title="分组2">
13 |         <el-menu-item index="/index/userList">用户管理</el-menu-item>
14 |       </el-menu-item-group>
15 |     </el-submenu>
16 |     <el-menu-item index="/index/help"><i class="el-icon-menu"></i>帮助中心</el-menu-item>
17 |     <el-menu-item index="/index/feedback"><i class="el-icon-setting"></i>意见反馈</el-menu-item>
18 |   </el-menu>
19 |   </el-col>
20 | 
21 | 
22 | 
23 | </template>
24 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-element",
 3 |   "description": "A Vue.js project",
 4 |   "version": "1.0.0",
 5 |   "author": "monster1935 <liyb2014@163.com>",
 6 |   "private": true,
 7 |   "scripts": {
 8 |     "dev": "cross-env NODE_ENV=development webpack-dev-server --open --inline --hot",
 9 |     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
10 |   },
11 |   "dependencies": {
12 |     "element-ui": "^1.0.5",
13 |     "vue": "^2.1.0",
14 |     "vue-router": "^2.1.1"
15 |   },
16 |   "devDependencies": {
17 |     "babel-core": "^6.0.0",
18 |     "babel-loader": "^6.0.0",
19 |     "babel-preset-es2015": "^6.0.0",
20 |     "cross-env": "^3.0.0",
21 |     "css-loader": "^0.26.1",
22 |     "file-loader": "^0.9.0",
23 |     "style-loader": "^0.13.1",
24 |     "vue-loader": "^10.0.0",
25 |     "vue-template-compiler": "^2.1.0",
26 |     "webpack": "^2.1.0-beta.25",
27 |     "webpack-dev-server": "^2.1.0-beta.0"
28 |   }
29 | }


--------------------------------------------------------------------------------
/src/router.js:
--------------------------------------------------------------------------------
 1 | // the config of app router
 2 | 
 3 | import TestManagement from './components/testManagement/TestManagement.vue';
 4 | import UserGroup from './components/userGroup/UserGroup.vue';
 5 | import Help from './components/help/Help.vue';
 6 | import Feedback from './components/feedback/Feedback.vue';
 7 | import UserList from './components/user/UserList.vue';
 8 | import App from './App.vue'
 9 | export default [{
10 |         path: '/index',
11 |         component: App,
12 |         children: [{
13 |                 name: '测试管理',
14 |                 path: 'testManagement',
15 |                 component: TestManagement
16 |             },
17 |             {
18 |               name: '用户分群管理',
19 |               path: 'userGroup',
20 |               component:UserGroup
21 |             },
22 |             {
23 |               name: '用户管理',
24 |               path: 'userList',
25 |               component: UserList
26 |             },
27 |             {
28 |               name: '帮助中心',
29 |               path: 'help',
30 |               component:Help
31 |             },
32 |             {
33 |               name: '意见反馈',
34 |               path: 'feedback',
35 |               component:Feedback
36 |             },
37 |         ]
38 |     },
39 |     {
40 |         path: '*',
41 |         redirect: '/index/testManagement'
42 |     }
43 | ]
44 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | var path = require('path')
 2 | var webpack = require('webpack')
 3 | 
 4 | module.exports = {
 5 |   entry: './src/main.js',
 6 |   output: {
 7 |     path: path.resolve(__dirname, './dist'),
 8 |     publicPath: '/dist/',
 9 |     filename: 'build.js'
10 |   },
11 |   module: {
12 |     rules: [
13 |       {
14 |         test: /\.vue$/,
15 |         loader: 'vue-loader',
16 |         options: {
17 |           // vue-loader options go here
18 |         }
19 |       },
20 |       {
21 |         test: /\.js$/,
22 |         loader: 'babel-loader',
23 |         exclude: /node_modules/
24 |       },
25 |       {
26 |         test: /\.(png|jpg|gif|svg)$/,
27 |         loader: 'file-loader',
28 |         options: {
29 |           name: '[name].[ext]?[hash]'
30 |         }
31 |       },
32 |       {
33 |         test: /\.css$/,
34 |         loader: "style-loader!css-loader"
35 |       },
36 |       {
37 |         test: /\.(eot|woff|woff2|ttf)([\?]?.*)$/,
38 |         loader: "file-loader"
39 | 
40 |       }
41 | 
42 | 
43 | 
44 |     ]
45 |   },
46 |   resolve: {
47 |     alias: {
48 |       'vue$': 'vue/dist/vue.common.js'
49 |     }
50 |   },
51 |   devServer: {
52 |     historyApiFallback: true,
53 |     noInfo: true
54 |   },
55 |   devtool: '#eval-source-map'
56 | }
57 | 
58 | if (process.env.NODE_ENV === 'production') {
59 |   module.exports.devtool = '#source-map'
60 |   // http://vue-loader.vuejs.org/en/workflow/production.html
61 |   module.exports.plugins = (module.exports.plugins || []).concat([
62 |     new webpack.DefinePlugin({
63 |       'process.env': {
64 |         NODE_ENV: '"production"'
65 |       }
66 |     }),
67 |     new webpack.optimize.UglifyJsPlugin({
68 |       sourceMap: true,
69 |       compress: {
70 |         warnings: false
71 |       }
72 |     }),
73 |     new webpack.LoaderOptionsPlugin({
74 |       minimize: true
75 |     })
76 |   ])
77 | }
78 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |     <div class="app_header">
 4 |       <data-header></data-header>
 5 |     </div>
 6 |     <div class="app_content">
 7 |       <div class="app_nav">
 8 |         <side-nav></side-nav>
 9 |       </div>
10 |       <div class="app_right">
11 |         <div class="breadcrumb">
12 |           <el-breadcrumb separator="/">
13 |             <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
14 |             <el-breadcrumb-item>{{pathName}}</el-breadcrumb-item>
15 | 
16 |           </el-breadcrumb>
17 |         </div>
18 |         <router-view></router-view>
19 |       </div>
20 |     </div>
21 | 
22 |   </div>
23 | </template>
24 | 
25 | <script>
26 | import DataHeader from './components/common/DataHeader.vue'
27 | import SideNav from './components/common/SideNav.vue'
28 | import Nothing from './components/common/Nothing.vue'
29 | 
30 | export default {
31 |   name: 'app',
32 |   data () {
33 |     return {
34 |       pathName: this.$route.name,
35 |     }
36 |   },
37 |   components:{
38 |     DataHeader,
39 |     SideNav,
40 |     Nothing
41 |   },
42 |   watch: {
43 |     '$route': function(){
44 |       this.pathName = this.$route.name;
45 | 
46 |     }
47 |   }
48 | }
49 | </script>
50 | 
51 | <style>
52 | 
53 |   #app{
54 |     height: 100%;
55 |     margin: 0;
56 |     display: flex;
57 |     flex-flow: column;
58 |   }
59 |   .app_header{
60 |     position: relative;
61 |     flex: 0 0 auto;
62 |     z-index: 2;
63 | 
64 |   }
65 |   .app_header .title{
66 |     margin-left: 16px;
67 |     color: #fff;
68 |   }
69 |   .app_content{
70 |     flex: 1;
71 |     display: flex;
72 |     flex-flow: row;
73 |   }
74 |   .app_nav{
75 |     position: relative;
76 |     flex: 0 0 280px;
77 |     background: #EFF2F7;
78 |   }
79 |   .app_right{
80 |     flex: 1;
81 |     overflow: auto;
82 |     padding: 20px;
83 | 
84 |   }
85 |   .breadcrumb{
86 |     padding-bottom: 20px;
87 |     border-bottom: 1px solid #ddd;
88 |   }
89 | </style>
90 | 


--------------------------------------------------------------------------------
/src/components/testManagement/TestUser.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="testUser">
 3 |     <div class="function">
 4 |       <el-row>
 5 |         <el-col :span="4">
 6 |           <div class="grid-content bg-purple">
 7 |             <el-input
 8 |               placeholder="请输入用户ID名称"
 9 |               icon="search"
10 |               v-model="input">
11 |             </el-input>
12 |           </div>
13 |         </el-col>
14 |         <el-col :span="20">
15 |           <el-button type="primary">新建用户测试</el-button>
16 |         </el-col>
17 |       </el-row>
18 |     </div>
19 |     <div id="table">
20 |       <el-table
21 |         :data="tableData"
22 |         stripe
23 |         style="width: 100%">
24 |         <el-table-column
25 |           prop="id"
26 |           label="测试ID">
27 |         </el-table-column>
28 |         <el-table-column
29 |           prop="testName"
30 |           label="测试名称">
31 |         </el-table-column>
32 |         <el-table-column
33 |           prop="types"
34 |           label="全部类型">
35 |         </el-table-column>
36 |         <el-table-column
37 |           prop="testUser"
38 |           label="测试用户，流量">
39 |         </el-table-column>
40 |         <el-table-column
41 |           prop="projectID"
42 |           label="用户ID，名称，流量">
43 |         </el-table-column>
44 |         <el-table-column
45 |           prop="create"
46 |           label="创建人">
47 |         </el-table-column>
48 |         <el-table-column
49 |           prop="lastUpdate"
50 |           label="最后更新">
51 |         </el-table-column>
52 |         <el-table-column
53 |           prop="status"
54 |           label="全部状态">
55 |         </el-table-column>
56 | 
57 |         <el-table-column
58 |           :context="_self"
59 |           inline-template
60 |           label="操作">
61 |           <span>
62 |             <el-button @click="handleClick" type="text" size="small">查看</el-button>
63 |             <el-button type="text" size="small">编辑</el-button>
64 |           </span>
65 |         </el-table-column>
66 |       </el-table>
67 |     </div>
68 |   </div>
69 | </template>
70 | 
71 | <script>
72 | import tableData from '../../mock/testProject.js';
73 |   export default {
74 |     data(){
75 |       return {
76 |         input: '',
77 |         tableData
78 |       }
79 | 
80 |     },
81 |     methods: {
82 |       handleClick: function(){
83 |         alert('click');
84 |       }
85 |     }
86 |   }
87 | </script>
88 | 
89 | <style media="screen">
90 | 
91 | </style>
92 | 


--------------------------------------------------------------------------------
/src/components/common/DataHeader.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | <div class="header-wraper">
 3 |     <el-menu theme="dark" default-active="1" class="el-menu-demo" mode="horizontal" @select="handleSelect">
 4 | 
 5 |         <li class="title">
 6 |             <i class="el-icon-menu"></i>
 7 |             <span>后台管理系统模板</span>
 8 |         </li>
 9 |         <!-- <li class="option">
10 |             <el-select v-model="value" placeholder="请选择">
11 |                 <el-option v-for="item in options" :label="item.label" :value="item.value">
12 |                 </el-option>
13 |             </el-select>
14 |         </li> -->
15 |         <li class="user">
16 |             <el-dropdown trigger="click">
17 |                 <span class="el-dropdown-link">
18 |                 monster1935<i class="el-icon-caret-bottom el-icon--right"></i>
19 |               </span>
20 |                 <el-dropdown-menu slot="dropdown">
21 |                     <el-dropdown-item>退出</el-dropdown-item>
22 |                 </el-dropdown-menu>
23 |             </el-dropdown>
24 |         </li>
25 |     </el-menu>
26 | </div>
27 | </template>
28 | 
29 | 
30 | <script>
31 | export default {
32 |     data() {
33 |         return {
34 |             options: [{
35 |                 label: "test1",
36 |                 value: 1
37 |             }, {
38 |                 label: "test2",
39 |                 value: 2
40 |             }, {
41 |                 label: "test3",
42 |                 value: 3
43 |             }, {
44 |                 label: "test4",
45 |                 value: 4
46 |             }, {
47 |                 label: "test5",
48 |                 value: 5
49 |             }, {
50 |                 label: "test6",
51 |                 value: 6
52 |             }, {
53 |                 label: "test7",
54 |                 value: 7
55 |             }, ],
56 |             value: 1
57 | 
58 |         }
59 |     },
60 |     methods: {
61 |         handleSelect(key, keyPath) {
62 |             console.log(key, keyPath);
63 |         }
64 |     }
65 | }
66 | </script>
67 | 
68 | 
69 | <style media="screen">
70 | .header-wraper li {
71 |     float: left;
72 |     margin-right: 20px;
73 |     margin-top: 5px;
74 | }
75 | 
76 | .title {
77 |     padding: 1em .2em;
78 | }
79 | 
80 | .title span {
81 |     font-size: 1.4em;
82 |     margin-left: 5px;
83 | }
84 | .el-select-dropdown__list{
85 |   max-height: 187px !important;
86 | }
87 | .option {
88 |     padding-top: 10px;
89 | }
90 | 
91 | .user .el-dropdown {
92 |     position: absolute;
93 |     right: 20px;
94 |     padding-top: 20px;
95 |     color: #fff !important;
96 | }
97 | </style>
98 | 


--------------------------------------------------------------------------------
/src/mock/testProject.js:
--------------------------------------------------------------------------------
 1 | export default [
 2 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
 3 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
 4 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
 5 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
 6 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
 7 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
 8 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
 9 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
10 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
11 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
12 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
13 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
14 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
15 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
16 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
17 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
18 |   {id: '1',testName: '测试名称',  types: 'APP', testUser: '全部,100%',projectID: '1、原始方案，10% 2、优化方案，90%',create: 'monster1935',lastUpdate: '2016-12-09 15:53:10', status: '草稿'},
19 | ]
20 | 


--------------------------------------------------------------------------------
/src/mock/userGroup.js:
--------------------------------------------------------------------------------
  1 | export default [{
  2 |   name:'分群名称',
  3 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
  4 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
  5 |   create: '张三丰',
  6 |   lastUpdate: '2016-11-12 10:20:20',
  7 |   action: ''
  8 | },{
  9 |   name:'分群名称',
 10 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 11 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 12 |   create: '张三丰',
 13 |   lastUpdate: '2016-11-12 10:20:20',
 14 |   action: ''
 15 | },{
 16 |   name:'分群名称',
 17 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 18 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 19 |   create: '张三丰',
 20 |   lastUpdate: '2016-11-12 10:20:20',
 21 |   action: ''
 22 | },{
 23 |   name:'分群名称',
 24 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 25 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 26 |   create: '张三丰',
 27 |   lastUpdate: '2016-11-12 10:20:20',
 28 |   action: ''
 29 | },{
 30 |   name:'分群名称',
 31 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 32 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 33 |   create: '张三丰',
 34 |   lastUpdate: '2016-11-12 10:20:20',
 35 |   action: ''
 36 | },{
 37 |   name:'分群名称',
 38 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 39 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 40 |   create: '张三丰',
 41 |   lastUpdate: '2016-11-12 10:20:20',
 42 |   action: ''
 43 | },{
 44 |   name:'分群名称',
 45 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 46 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 47 |   create: '张三丰',
 48 |   lastUpdate: '2016-11-12 10:20:20',
 49 |   action: ''
 50 | },{
 51 |   name:'分群名称',
 52 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 53 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 54 |   create: '张三丰',
 55 |   lastUpdate: '2016-11-12 10:20:20',
 56 |   action: ''
 57 | },{
 58 |   name:'分群名称',
 59 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 60 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 61 |   create: '张三丰',
 62 |   lastUpdate: '2016-11-12 10:20:20',
 63 |   action: ''
 64 | },{
 65 |   name:'分群名称',
 66 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 67 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 68 |   create: '张三丰',
 69 |   lastUpdate: '2016-11-12 10:20:20',
 70 |   action: ''
 71 | },{
 72 |   name:'分群名称',
 73 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 74 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 75 |   create: '张三丰',
 76 |   lastUpdate: '2016-11-12 10:20:20',
 77 |   action: ''
 78 | },{
 79 |   name:'分群名称',
 80 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 81 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 82 |   create: '张三丰',
 83 |   lastUpdate: '2016-11-12 10:20:20',
 84 |   action: ''
 85 | },{
 86 |   name:'分群名称',
 87 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 88 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 89 |   create: '张三丰',
 90 |   lastUpdate: '2016-11-12 10:20:20',
 91 |   action: ''
 92 | },{
 93 |   name:'分群名称',
 94 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
 95 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
 96 |   create: '张三丰',
 97 |   lastUpdate: '2016-11-12 10:20:20',
 98 |   action: ''
 99 | },{
100 |   name:'分群名称',
101 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
102 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
103 |   create: '张三丰',
104 |   lastUpdate: '2016-11-12 10:20:20',
105 |   action: ''
106 | },{
107 |   name:'分群名称',
108 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
109 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
110 |   create: '张三丰',
111 |   lastUpdate: '2016-11-12 10:20:20',
112 |   action: ''
113 | },{
114 |   name:'分群名称',
115 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
116 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
117 |   create: '张三丰',
118 |   lastUpdate: '2016-11-12 10:20:20',
119 |   action: ''
120 | },{
121 |   name:'分群名称',
122 |   condition: '【平台：iOS、Android】OR【时间：6:00-12:00、18:00-24:00】OR【网速：低速、中速】',
123 |   testHome: '测试方案名称、测试方案名称、测试方案名称、测试方',
124 |   create: '张三丰',
125 |   lastUpdate: '2016-11-12 10:20:20',
126 |   action: ''
127 | }]
128 | 


--------------------------------------------------------------------------------
/src/components/testManagement/TestProject.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="testProject">
  3 |     <div class="function">
  4 |       <el-row>
  5 |         <el-col :span="4">
  6 |           <div class="grid-content bg-purple">
  7 |             <el-input
  8 |               placeholder="请输入方案ID名称"
  9 |               icon="search"
 10 |               v-model="input">
 11 |             </el-input>
 12 |           </div>
 13 |         </el-col>
 14 |         <el-col :span="20">
 15 |           <el-button type="primary" @click.native="onNewClick">新建方案测试</el-button>
 16 |         </el-col>
 17 |       </el-row>
 18 |     </div>
 19 |     <div id="table">
 20 |       <el-table
 21 |         :data="tableData"
 22 |         stripe
 23 |         style="width: 100%">
 24 |         <el-table-column
 25 |           prop="id"
 26 |           label="测试ID">
 27 |         </el-table-column>
 28 |         <el-table-column
 29 |           prop="testName"
 30 |           label="测试名称">
 31 |         </el-table-column>
 32 |         <el-table-column
 33 |           prop="types"
 34 |           label="全部类型">
 35 |         </el-table-column>
 36 |         <el-table-column
 37 |           prop="testUser"
 38 |           label="测试用户，流量"
 39 |           width=140>
 40 |         </el-table-column>
 41 |         <el-table-column
 42 |           prop="projectID"
 43 |           label="方案ID，名称，流量"
 44 |           width=180>
 45 |         </el-table-column>
 46 |         <el-table-column
 47 |           prop="create"
 48 |           label="创建人">
 49 |         </el-table-column>
 50 |         <el-table-column
 51 |           prop="lastUpdate"
 52 |           label="最后更新"
 53 |           width=150>
 54 |         </el-table-column>
 55 |         <el-table-column
 56 |           prop="status"
 57 |           label="全部状态">
 58 |         </el-table-column>
 59 | 
 60 |         <el-table-column
 61 |           :context="_self"
 62 |           inline-template
 63 |           label="操作"
 64 |           width=120>
 65 |           <span>
 66 |             <el-button @click="onEditClick($index)" type="text" size="small">编辑</el-button>
 67 |             <el-button @click="onDelClick($index)" type="text" size="small">删除</el-button>
 68 |           </span>
 69 |         </el-table-column>
 70 |       </el-table>
 71 |     </div>
 72 |     <el-dialog :title="dialogTitle" v-model="isDialogShow" size="small">
 73 |       <el-form :model="form">
 74 |        <el-form-item label="活动名称" :label-width="formLabelWidth">
 75 |          <el-input v-model="form.name" auto-complete="off"></el-input>
 76 |        </el-form-item>
 77 |        <el-form-item label="活动区域" :label-width="formLabelWidth">
 78 |          <el-select v-model="form.region" placeholder="请选择活动区域">
 79 |            <el-option label="区域一" value="shanghai"></el-option>
 80 |            <el-option label="区域二" value="beijing"></el-option>
 81 |          </el-select>
 82 |        </el-form-item>
 83 |      </el-form>
 84 |       <span slot="footer" class="dialog-footer">
 85 |         <el-button @click="isDialogShow = false">取 消</el-button>
 86 |         <el-button type="primary" @click="isDialogShow = false">确 定</el-button>
 87 |       </span>
 88 |     </el-dialog>
 89 |   </div>
 90 | </template>
 91 | 
 92 | <script>
 93 |   import tableData from '../../mock/testProject.js';
 94 |   export default {
 95 |     data(){
 96 |       return {
 97 |         input: '',
 98 |         dialogTitle: '',
 99 |         isDialogShow: false,
100 |         tableData: tableData,
101 |         form: {
102 |          name: '',
103 |          region: '',
104 |          date1: '',
105 |          date2: '',
106 |          delivery: false,
107 |          type: [],
108 |          resource: '',
109 |          desc: ''
110 |        },
111 |        formLabelWidth: '120px'
112 | 
113 |       }
114 | 
115 |     },
116 |     methods: {
117 |       // 表格内编辑按钮点击实现
118 |       onEditClick: function(index){
119 |         this.dialogTitle = "编辑方案";
120 |         this.isDialogShow = true;
121 |       },
122 | 
123 |       // 表格内删除按钮点击实现
124 |       onDelClick: function(index){
125 |         this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
126 |           confirmButtonText: '确定',
127 |           cancelButtonText: '取消',
128 |           type: 'warning'
129 |         }).then(() => {
130 |           // 此处应为异步请求服务器进行数据库的操作
131 |           this.tableData.splice(index,1);
132 |           this.$message({
133 |             type: 'success',
134 |             message: '删除成功!'
135 |           });
136 |         }).catch(() => {
137 |           this.$message({
138 |             type: 'info',
139 |             message: '已取消删除'
140 |           });
141 |         });
142 |       },
143 |       onNewClick: function(){
144 |         this.dialogTitle = "新建方案";
145 |         this.isDialogShow = true;
146 |       }
147 |     }
148 |   }
149 | </script>
150 | 
151 | <style media="screen">
152 |   .function{
153 |     margin-bottom:10px;
154 |   }
155 |   .function button{
156 |     float:right;
157 |   }
158 | </style>
159 | 


--------------------------------------------------------------------------------
/dist/element-icons.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" standalone="no"?>
  2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
  3 | <svg xmlns="http://www.w3.org/2000/svg">
  4 | <metadata>
  5 | Created by FontForge 20120731 at Tue Sep  6 12:16:07 2016
  6 |  By admin
  7 | </metadata>
  8 | <defs>
  9 | <font id="el-icon" horiz-adv-x="1024" >
 10 |   <font-face 
 11 |     font-family="el-icon"
 12 |     font-weight="500"
 13 |     font-stretch="normal"
 14 |     units-per-em="1024"
 15 |     panose-1="2 0 6 3 0 0 0 0 0 0"
 16 |     ascent="896"
 17 |     descent="-128"
 18 |     x-height="792"
 19 |     bbox="-0.0862045 -128.321 1326 896.053"
 20 |     underline-thickness="50"
 21 |     underline-position="-100"
 22 |     unicode-range="U+0078-E627"
 23 |   />
 24 | <missing-glyph horiz-adv-x="374" 
 25 | d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
 26 |     <glyph glyph-name=".notdef" horiz-adv-x="374" 
 27 | d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
 28 |     <glyph glyph-name=".null" horiz-adv-x="0" 
 29 |  />
 30 |     <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341" 
 31 |  />
 32 |     <glyph glyph-name="x" unicode="x" horiz-adv-x="1001" 
 33 | d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
 34 | t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
 35 | t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
 36 |     <glyph glyph-name="uniE600" unicode="&#xe600;" 
 37 | d="M488 134q18 -8 39 -5t35 16l445 403q18 16 17 38.5t-20 38.5t-45.5 15t-44.5 -17l-399 -362l-405 360q-19 17 -45 17.5t-45 -15.5q-20 -16 -20 -40q0 -22 18 -38l449 -399h1l2 -2t2 -1q2 -2 12 -7l2 -2h2z" />
 38 |     <glyph glyph-name="uniE601" unicode="&#xe601;" 
 39 | d="M262 360q-8 18 -5 39t16 35l403 445q16 18 38.5 17t38.5 -20t15 -45.5t-17 -44.5l-362 -399l360 -405q17 -19 17.5 -45t-15.5 -45q-16 -20 -40 -20q-22 0 -38 18l-399 449v1l-2 2t-1 2q-2 2 -7 12l-2 2v2z" />
 40 |     <glyph glyph-name="uniE602" unicode="&#xe602;" 
 41 | d="M762 360q8 18 5 39t-16 35l-403 445q-16 18 -38.5 17t-38.5 -20t-15 -45.5t17 -44.5l362 -399l-360 -405q-17 -19 -17.5 -45t15.5 -45q16 -20 40 -20q22 0 38 18l399 449v1l2 2t1 2q2 2 7 12l2 2v2z" />
 42 |     <glyph glyph-name="uniE603" unicode="&#xe603;" 
 43 | d="M536 634q-18 8 -39 5t-35 -16l-445 -403q-18 -16 -17 -38.5t20 -38.5t45.5 -15t44.5 17l399 362l405 -360q19 -17 45 -17.5t45 15.5q20 16 20 40q0 22 -18 38l-449 399h-1l-2 2t-2 1q-2 2 -12 7l-2 2h-2z" />
 44 |     <glyph glyph-name="uniE604" unicode="&#xe604;" horiz-adv-x="1025" 
 45 | d="M410 177q28 -28 67.5 -27.5t67.5 27.5l367 357q55 53 39.5 91t-92.5 38h-763q-77 0 -92.5 -38t39.5 -91z" />
 46 |     <glyph glyph-name="uniE605" unicode="&#xe605;" 
 47 | d="M294 293q-27 27 -27 67t27 67l357 367q54 55 92 39.5t38 -92.5v-763q0 -77 -38 -92.5t-92 39.5l-357 367v1z" />
 48 |     <glyph glyph-name="uniE606" unicode="&#xe606;" 
 49 | d="M754 293q27 27 27 67t-27 67l-358 367q-53 55 -91 39.5t-38 -92.5v-763q0 -77 38 -92.5t91 39.5l358 367v1z" />
 50 |     <glyph glyph-name="uniE607" unicode="&#xe607;" horiz-adv-x="1025" 
 51 | d="M410 636q28 27 67.5 27t67.5 -27l367 -357q55 -54 39.5 -91.5t-92.5 -37.5h-763q-77 0 -92.5 37.5t39.5 91.5z" />
 52 |     <glyph glyph-name="uniE608" unicode="&#xe608;" horiz-adv-x="1376" 
 53 | d="M548 -17q-40 0 -68 28l-389 389q-29 29 -29 69t28.5 68.5t69 28.5t68.5 -28l320 -320l612 612q29 28 69 28t68.5 -28.5t28.5 -68.5t-28 -69l-681 -681q-28 -28 -69 -28v0z" />
 54 |     <glyph glyph-name="uniE609" unicode="&#xe609;" 
 55 | d="M512 896q-106 0 -199.5 -40t-163 -109.5t-109.5 -163t-40 -199.5t40 -199.5t109.5 -163t163 -109.5t199.5 -40t199.5 40t163 109.5t109.5 163t40 199.5t-40 199.5t-109.5 163t-163 109.5t-199.5 40zM798 497l-373 -373q-8 -7 -17.5 -7t-17.5 7l-7 8l-206 206q-7 8 -7 18
 56 | t7 17l51 50q7 8 17 8t17 -8l145 -146l306 305q7 8 17 8t17 -8l50 -50q8 -8 8 -17.5t-8 -17.5h1z" />
 57 |     <glyph glyph-name="uniE60A" unicode="&#xe60a;" 
 58 | d="M522 429l202 202q11 11 26 11t26 -11q11 -10 11 -25.5t-11 -26.5l-202 -202l202 -202q11 -11 10.5 -26t-10.5 -26q-11 -10 -26 -10t-26 10l-202 203l-202 -203q-11 -10 -26.5 -10t-25.5 10q-11 11 -11 26t11 26l202 202l-202 202q-11 11 -10.5 26.5t10.5 25.5
 59 | q11 11 26 11t26 -11zM512 -128q139 0 257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5t-257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5z" />
 60 |     <glyph glyph-name="uniE60B" unicode="&#xe60b;" 
 61 | d="M512 -128q-106 0 -199.5 40t-163 109.5t-109.5 163t-40 199.5t40 199.5t109.5 163t163 109.5t199.5 40t199.5 -40t163 -109.5t109.5 -163t40 -199.5t-40 -199.5t-109.5 -163t-163 -109.5t-199.5 -40zM747 533q7 7 7 17.5t-7 18.5l-53 51q-7 8 -17 8t-17 -8l-148 -147
 62 | l-149 147q-7 8 -17 8t-17 -8l-53 -51q-6 -8 -6 -18.5t6 -17.5l149 -148l-149 -147q-6 -8 -6 -18.5t6 -17.5l53 -52q7 -7 17 -7t17 7l149 148l148 -148q7 -7 17 -7t17 7l53 52q7 7 7 17.5t-7 18.5l-149 147z" />
 63 |     <glyph glyph-name="uniE60C" unicode="&#xe60c;" 
 64 | d="M512 484l-391 391q-21 21 -50.5 21t-49.5 -21q-20 -20 -20.5 -49.5t20.5 -50.5l391 -391l-391 -391q-21 -21 -21 -50.5t21 -49.5q20 -21 49.5 -21t50.5 21l391 391l391 -391q21 -21 50.5 -21t49.5 21q21 20 21 49.5t-21 50.5l-391 391l391 391q21 21 21 50.5t-21 49.5
 65 | q-20 20 -49.5 20.5t-50.5 -20.5z" />
 66 |     <glyph glyph-name="uniE60D" unicode="&#xe60d;" 
 67 | d="M566 0h213q102 3 173.5 77t71.5 176q0 105 -74 179.5t-178 74.5h-8v8q0 105 -73.5 179t-178 74t-178.5 -74t-74 -179v-8h-8q-104 0 -178 -74.5t-74 -179.5q0 -102 71.5 -176t173.5 -77h229v172h-90q-20 0 -26 11t5 27l140 214q7 10 16.5 10t16.5 -10l141 -214
 68 | q10 -16 4 -27t-25 -11h-90v-172z" />
 69 |     <glyph glyph-name="uniE60E" unicode="&#xe60e;" horiz-adv-x="1025" 
 70 | d="M6 360q-8 18 -5 39t16 35l403 445q16 18 38.5 17t38.5 -20t15 -45.5t-17 -44.5l-362 -399l360 -405q17 -19 17.5 -45t-15.5 -45q-16 -20 -40 -20q-22 0 -38 18l-399 449v1l-2 2t-1 2q-2 2 -7 12l-2 2v2zM518 360q-8 18 -5 39t16 35l403 445q16 18 38.5 17t38.5 -20
 71 | t15 -45.5t-17 -44.5l-362 -399l360 -405q17 -19 17.5 -45t-15.5 -45q-16 -20 -40 -20q-22 0 -38 18l-399 449v1l-2 2t-1 2q-2 2 -7 12l-2 2v2z" />
 72 |     <glyph glyph-name="uniE60F" unicode="&#xe60f;" horiz-adv-x="1025" 
 73 | d="M1018 360q8 18 5.5 39t-16.5 35l-403 445q-16 18 -38.5 17t-38.5 -20t-15 -45.5t17 -44.5l362 -399l-360 -405q-17 -19 -17.5 -45t15.5 -45q16 -20 40 -20q22 0 38 18l399 449v1l2 2l2 2l6 12l2 2v2zM506 360q8 18 5.5 39t-16.5 35l-403 445q-16 18 -38.5 17t-38.5 -20
 74 | t-15 -45.5t17 -44.5l362 -399l-360 -405q-17 -19 -17.5 -45t15.5 -45q16 -20 40 -20q22 0 38 18l399 449v1l2 2t1 2q2 2 7 12l2 2v2z" />
 75 |     <glyph glyph-name="uniE610" unicode="&#xe610;" 
 76 | d="M440 -99q26 -24 62 -24t62 24l300 284q52 48 38.5 82t-83.5 34h-634q-70 0 -83.5 -34t37.5 -82zM440 872q26 24 62 24t62 -24l300 -283q52 -49 38.5 -83t-83.5 -34h-634q-70 0 -83.5 34t37.5 83z" />
 77 |     <glyph glyph-name="uniE611" unicode="&#xe611;" 
 78 | d="M713 782h-402v114h-151v-114h-50q-28 0 -47.5 -19.5t-19.5 -47.5v-776q0 -28 19 -47.5t47 -19.5h806q28 0 47 19.5t19 47.5v776q0 28 -19.5 47.5t-46.5 19.5h-51v114h-151v-114zM160 -18v573h704v-573h-704zM555 299v-256h256v256h-256z" />
 79 |     <glyph glyph-name="uniE612" unicode="&#xe612;" 
 80 | d="M642 706v126q0 27 -16.5 45.5t-40.5 18.5h-136q-25 0 -45.5 -19t-20.5 -45v-126h-204q0 -1 -2 -2q-49 -22 -49 -64q0 -26 17.5 -45t41.5 -19h650q24 0 41.5 19t17.5 45q0 24 -15 40.5t-29 21.5l-15 4h-195zM448 704v64q0 32 18 48t46 16q29 0 46.5 -16t17.5 -48v-64h-128
 81 | zM320 -128h384q53 0 90.5 37.5t37.5 90.5v512h-640v-512q0 -53 37.5 -90.5t90.5 -37.5zM644 356q0 11 7.5 19.5t18.5 8.5t19 -8.5t8 -19.5v-342q0 -12 -8 -20t-19 -8t-18.5 8t-7.5 20v342zM486 356q0 11 7.5 19.5t18.5 8.5t18.5 -8.5t7.5 -19.5v-342q0 -12 -7.5 -20
 82 | t-18.5 -8t-18.5 8t-7.5 20v342zM328 356q0 11 7.5 19.5t18.5 8.5t18.5 -8.5t7.5 -19.5v-342q0 -12 -7.5 -20t-18.5 -8t-18.5 8t-7.5 20v342z" />
 83 |     <glyph glyph-name="uniE613" unicode="&#xe613;" 
 84 | d="M441 896l-356 -366v-519q0 -57 41 -98t99 -41h574q58 0 99 41t41 98v746q0 57 -41 98t-99 41h-358zM832 53q0 -29 -21 -50t-50 -21h-498q-30 0 -50.5 20.5t-20.5 50.5v404h249q29 0 50 21t21 51v257h249q29 0 50 -21t21 -50v-662z" />
 85 |     <glyph glyph-name="uniE614" unicode="&#xe614;" 
 86 | d="M84 180l-84 -308l307 85l485 485l-226 219zM755 850l-121 -121l227 -219l117 117q46 46 46 111.5t-46 111.5t-111.5 46t-111.5 -46z" />
 87 |     <glyph glyph-name="uniE615" unicode="&#xe615;" 
 88 | d="M512 -128q-106 0 -199.5 40t-163 109.5t-109.5 163t-40 199.5t40 199.5t109.5 163t163 109.5t199.5 40t199.5 -40t163 -109.5t109.5 -163t40 -199.5t-40 -199.5t-109.5 -163t-163 -109.5t-199.5 -40zM512 677q-31 0 -52 -21.5t-21 -52t21.5 -52t52 -21.5t51.5 21.5t21 52
 89 | t-21.5 52t-51.5 21.5zM571 401q0 23 -17 39.5t-42 16.5t-42 -16.5t-17 -39.5v-261q0 -24 17 -40t42 -16t42 16t17 40v261z" />
 90 |     <glyph glyph-name="uniE616" unicode="&#xe616;" 
 91 | d="M0 384q0 -139 68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5q-16 0 -27.5 -11.5t-11.5 -28t11.5 -28t27.5 -11.5q118 0 217.5 -58t157.5 -157.5t58 -217.5t-58 -217.5t-157.5 -157.5t-217.5 -58t-217.5 58
 92 | t-157.5 157.5t-58 217.5q0 16 -11.5 27.5t-28 11.5t-28 -11.5t-11.5 -27.5z" />
 93 |     <glyph glyph-name="uniE617" unicode="&#xe617;" 
 94 | d="M358 347h-244q-47 0 -80.5 -33.5t-33.5 -80.5v-245q0 -48 33.5 -82t80.5 -34h244q48 0 81 33.5t33 80.5v244q2 49 -31.5 83t-82.5 34zM358 896h-244q-47 0 -80.5 -33.5t-33.5 -80.5v-244q0 -48 33.5 -81t80.5 -33h244q48 0 81 33t33 81v244q2 47 -31.5 80.5t-82.5 33.5z
 95 | M910 347h-244q-48 0 -81 -33.5t-33 -80.5v-245q0 -47 33 -80.5t81 -33.5h244q47 0 80.5 33.5t33.5 80.5v242q0 49 -33.5 83t-80.5 34zM910 896h-244q-48 0 -81 -33.5t-33 -80.5v-244q0 -48 33 -81t81 -33h244q47 0 80.5 33t33.5 81v244q0 47 -33.5 80.5t-80.5 33.5z" />
 96 |     <glyph glyph-name="uniE618" unicode="&#xe618;" 
 97 | d="M896 811h-768q-41 0 -84.5 -29t-43.5 -65v-18q18 -15 47.5 -40t108.5 -89t143.5 -113t127.5 -89t85 -40t85 39.5t127.5 88.5t143.5 112.5t108.5 89t47.5 40.5v19q0 36 -43.5 65t-84.5 29v0zM0 549v-526q2 -3 5.5 -7.5t16 -15.5t26.5 -20t35.5 -16t44.5 -7h768
 98 | q21 0 42.5 7t36 16.5t26 19t17.5 16.5l6 7v528q-15 -14 -40.5 -36.5t-96 -80t-132.5 -101.5t-132 -80t-111 -36t-109 34.5t-135.5 83t-129 97.5t-100.5 83l-38 34v0z" />
 99 |     <glyph glyph-name="uniE619" unicode="&#xe619;" 
100 | d="M79 463h866q33 0 56 -23t23 -56t-23 -56t-56 -23h-866q-33 0 -56 23t-23 56t23 56t56 23z" />
101 |     <glyph glyph-name="uniE61A" unicode="&#xe61a;" 
102 | d="M118 266q49 0 83.5 34.5t34.5 83.5t-34.5 83.5t-83.5 34.5t-83.5 -34.5t-34.5 -83.5t34.5 -83.5t83.5 -34.5zM512 266q49 0 83.5 34.5t34.5 83.5t-34.5 83.5t-83.5 34.5t-83.5 -34.5t-34.5 -83.5t34.5 -83.5t83.5 -34.5zM906 266q49 0 83.5 34.5t34.5 83.5t-34.5 83.5
103 | t-83.5 34.5t-83.5 -34.5t-34.5 -83.5t34.5 -83.5t83.5 -34.5z" />
104 |     <glyph glyph-name="uniE61B" unicode="&#xe61b;" 
105 | d="M147 811q-61 0 -104 -43t-43 -104v-560q0 -61 43 -104t104 -43h730q61 0 104 43t43 104v560q0 61 -43 104t-104 43h-730zM743 431q-1 2 -4 6t-16.5 10t-32.5 6q-20 0 -35 -5.5t-20 -10.5l-5 -5l-176 -279q-10 -19 -33 -19q-11 0 -20 5t-13 9l-3 5l-93 109q-2 3 -7 8.5
106 | t-19.5 14.5t-28 9t-27.5 -9t-21 -18l-7 -9l-72 -87v460q0 30 21 51.5t52 21.5h659q30 0 51 -21.5t21 -51.5v-425zM475 491q0 -45 -32 -76t-77.5 -31t-77.5 31.5t-32 75.5t32 75t77.5 31t77.5 -31t32 -75v0z" />
107 |     <glyph glyph-name="uniE61C" unicode="&#xe61c;" 
108 | d="M439 457h-365q-31 0 -52.5 -21.5t-21.5 -51.5t21.5 -51.5t52.5 -21.5h365v-365q0 -31 21.5 -52.5t51.5 -21.5t51.5 21.5t21.5 52.5v365h365q31 0 52.5 21.5t21.5 51.5t-21.5 51.5t-52.5 21.5h-365v365q0 31 -21.5 52.5t-51.5 21.5t-51.5 -21.5t-21.5 -52.5v-365z" />
109 |     <glyph glyph-name="uniE61D" unicode="&#xe61d;" 
110 | d="M591 274q75 75 75 181t-75 181t-181 75t-181 -75t-75 -181t75 -181t181 -75t181 75zM650 155q-75 -60 -167.5 -78t-184 9.5t-159.5 96.5q-74 74 -100 173t0 197.5t99.5 172.5t172.5 100t198 0t173 -100q96 -96 110 -230.5t-57 -245.5l203 -202q19 -19 19 -45.5t-19 -45.5
111 | q-18 -19 -44.5 -19t-46.5 19z" />
112 |     <glyph glyph-name="uniE61E" unicode="&#xe61e;" horiz-adv-x="1025" 
113 | d="M1020 454q-3 16 -17 30.5t-31 18.5l-16 3q-63 19 -96 75t-18 119l5 15q5 16 -0.5 35.5t-18.5 30.5q-16 13 -60 38q-19 11 -35 18.5t-22 10.5l-6 2q-16 6 -35.5 1.5t-31.5 -17.5l-12 -12q-47 -44 -113.5 -44t-114.5 44l-11 12q-12 13 -31.5 17.5t-35.5 -1.5
114 | q-20 -7 -64 -31q-19 -12 -34 -21.5t-20 -13.5l-5 -4q-13 -10 -19 -29t-1 -36l5 -15q15 -63 -18 -119q-33 -57 -96 -75l-16 -3q-17 -4 -31 -18.5t-17 -30.5q-4 -20 -4 -70q0 -22 1 -39.5t2 -23.5l1 -7q3 -16 17 -30.5t31 -18.5l15 -3q64 -19 97 -75t18 -119l-5 -15
115 | q-5 -16 1 -35.5t19 -30.5q15 -13 59 -38q20 -11 36 -18.5t22 -10.5l6 -2q16 -6 35.5 -1.5t31.5 17.5l11 11q48 45 114 45q67 0 115 -45l11 -11q11 -13 31 -17.5t36 1.5q19 7 63 31q20 11 35 21t20 14l5 3q13 11 18.5 30t0.5 35l-4 16q-16 63 17 119t97 75l16 3q16 4 30 18.5
116 | t18 30.5q3 20 3 70q0 22 -1 39.5t-2 23.5l-1 7v0v0zM512 184q-84 0 -144 58.5t-60 141.5t60 141.5t144.5 58.5t144 -58.5t59.5 -141.5t-59.5 -141.5t-144.5 -58.5v0z" />
117 |     <glyph glyph-name="uniE61F" unicode="&#xe61f;" 
118 | d="M877 159q27 -11 47.5 -31.5t32 -47.5t11.5 -58.5t-11.5 -58.5t-32 -47.5t-47.5 -32t-58 -11.5t-58 11.5t-47.5 32t-32 47.5t-11.5 58v9q0 5 2 8v9q1 5 2 8l-365 213q-11 -9 -22 -17t-25 -13q-13 -6 -27 -8q-14 -3 -30 -3q-31 0 -59.5 12.5t-48.5 32.5q-22 22 -34 49.5
119 | t-12 60.5q0 31 12 59.5t34 48.5q20 22 48.5 34t59.5 12q15 0 30 -3q14 -3 27 -9q14 -5 25 -13t22 -17l361 212q-1 3 -1 8q-1 5 -2 9q0 5 -0.5 9.5t-0.5 9.5q0 31 12 59.5t33 48.5q21 21 49 33.5t59 12.5t59.5 -12.5t48.5 -33.5q22 -20 34 -48.5t12 -59.5q0 -33 -12 -61
120 | t-34 -49q-20 -20 -48.5 -32t-59.5 -12q-15 0 -29.5 2t-27.5 9q-14 4 -25 12t-22 18l-361 -211q1 -5 1.5 -9.5t1.5 -8.5q0 -5 0.5 -9t0.5 -9t-0.5 -10t-0.5 -10q-1 -3 -2 -8q0 -4 -1 -8l364 -214q10 9 22 16t24 13q13 5 27 7q14 3 28 3q31 0 58 -12z" />
121 |     <glyph glyph-name="uniE620" unicode="&#xe620;" horiz-adv-x="1086" 
122 | d="M825 -58q15 -9 25 -10q-3 0 -8.5 -4t-6.5 -7q2 9 -2 27l-52 226q-9 40 5 82.5t45 68.5l176 154q14 12 18 20q-1 -3 1 -10t5 -8q-8 4 -27 6l-235 22q-40 3 -76 29.5t-52 62.5l-93 213q-7 17 -14 24q2 -2 9 -2t8 2q-7 -7 -14 -24l-93 -213q-16 -36 -52 -62.5t-76 -29.5
123 | l-235 -22q-19 -2 -27 -6q3 1 5 8.5t1 9.5q4 -8 18 -20l177 -154q30 -26 44 -68.5t5 -82.5l-51 -226q-4 -18 -3 -27q0 3 -6 7t-8 4q9 1 25 10l202 119q35 21 80 21t79 -21zM493 10l-202 -119q-54 -32 -82.5 -11t-14.5 82l52 226q5 23 -4 50t-27 42l-177 154q-47 41 -36 74
124 | t73 39l236 21q23 2 46 19t32 38l93 213q25 58 60.5 58t60.5 -58l93 -213q9 -21 32 -38t46 -19l236 -21q62 -6 73 -39t-36 -74l-177 -154q-18 -15 -27 -42t-4 -50l52 -226q14 -61 -14.5 -82t-82.5 11l-202 119q-21 12 -49.5 12t-49.5 -12z" />
125 |     <glyph glyph-name="uniE621" unicode="&#xe621;" horiz-adv-x="1086" 
126 | d="M592 10q-21 12 -49.5 12t-49.5 -12l-202 -119q-54 -32 -82.5 -11t-14.5 82l52 226q5 23 -4 50t-27 42l-177 154q-47 41 -36 74t73 39l236 21q23 2 46 19t32 38l93 213q25 58 60.5 58t60.5 -58l93 -213q9 -21 32 -38t46 -19l236 -21q62 -6 73 -39t-36 -74l-177 -154
127 | q-18 -15 -27 -42t-4 -50l52 -226q14 -61 -14.5 -82t-82.5 11z" />
128 |     <glyph glyph-name="uniE622" unicode="&#xe622;" 
129 | d="M512 -128q-139 0 -257 68.5t-186.5 186.5t-68.5 257q0 104 40.5 199t109 163.5t163.5 109t199 40.5t199 -40.5t163.5 -109t109 -163.5t40.5 -199t-40.5 -199t-109 -163.5t-163.5 -109t-199 -40.5zM512 786q-109 0 -202 -53.5t-146.5 -146.5t-53.5 -202t53.5 -202
130 | t146.5 -146.5t202 -53.5t202 53.5t146.5 146.5t53.5 202t-53.5 202t-146.5 146.5t-202 53.5zM513 316q-20 0 -34 14.5t-14 33.5v229q0 19 14 33.5t34 14.5t34 -14.5t14 -33.5v-181h160q20 0 34 -14t14 -33.5t-14 -34t-34 -14.5h-208z" />
131 |     <glyph glyph-name="uniE623" unicode="&#xe623;" 
132 | d="M512 896q-106 0 -199.5 -40t-163 -109.5t-109.5 -163t-40 -199.5t40 -199.5t109.5 -163t163 -109.5t199.5 -40t199.5 40t163 109.5t109.5 163t40 199.5t-40 199.5t-109.5 163t-163 109.5t-199.5 40zM512 94q-25 0 -42 17t-17 41.5t17 42t42 17.5t42 -17.5t17 -42
133 | t-17 -41.5t-42 -17zM571 350q0 -25 -17 -42.5t-42 -17.5t-42 17.5t-17 42.5v275q0 25 17 42t42 17t42 -17t17 -42v-275z" />
134 |     <glyph glyph-name="uniE624" unicode="&#xe624;" 
135 | d="M382 491v-384q0 -10 -6 -16t-15 -6h-43q-10 0 -16 6t-6 16v384q0 9 6 15t16 6h43q9 0 15 -6t6 -15zM555 491v-384q0 -10 -6 -16t-15 -6h-44q-9 0 -15 6t-6 16v384q0 9 6 15t15 6h44q9 0 15 -6t6 -15zM728 491v-384q0 -10 -6 -16t-16 -6h-43q-9 0 -15 6t-6 16v384
136 | q0 9 6 15t15 6h43q10 0 16 -6t6 -15zM815 8v632h-606v-632q0 -15 5 -27t10 -18t7 -6h562q2 0 7 6t10 18t5 27zM361 725h302l-32 78q-5 6 -12 8h-214q-6 -2 -11 -8zM987 704v-43q0 -9 -6 -15t-15 -6h-65v-632q0 -55 -31.5 -95.5t-76.5 -40.5h-562q-45 0 -76.5 39t-31.5 94
137 | v635h-65q-9 0 -15 6t-6 15v43q0 9 6 15t15 6h209l47 112q10 24 36.5 41.5t53.5 17.5h216q27 0 53.5 -17.5t36.5 -41.5l47 -112h209q9 0 15 -6t6 -15z" />
138 |     <glyph glyph-name="uniE626" unicode="&#xe626;" 
139 | d="M634 506h-146v147q0 20 -14.5 34t-34.5 14t-34.5 -14t-14.5 -34v-147h-146q-20 0 -34 -14t-14 -34.5t14 -34.5t34 -14h146v-147q0 -20 14.5 -34t34.5 -14t34.5 14t14.5 34v147h146q20 0 34.5 14t14.5 34.5t-14.5 34.5t-34.5 14zM1009 -41l-226 227q67 85 86.5 190.5
140 | t-12 209t-109.5 181.5q-63 64 -145 96.5t-165 32.5t-165 -32.5t-145 -96t-95.5 -145.5t-32.5 -165t32.5 -165t95.5 -145q79 -78 182.5 -109.5t209.5 -11.5t191 87l226 -226q15 -15 36 -15t36 15t15 36t-15 36zM679 217q-65 -66 -153 -89t-176 0t-153.5 89t-88.5 153.5
141 | t0 175.5t88.5 153.5t153.5 89t176 0t153.5 -89t88.5 -153.5t0 -175.5t-89 -153.5z" />
142 |     <glyph glyph-name="uniE627" unicode="&#xe627;" horiz-adv-x="1103" 
143 | d="M1039 -128h-975q-27 0 -45.5 19t-18.5 45v320q0 27 18.5 45.5t45 18.5t45 -18.5t18.5 -45.5v-256h849v256q0 27 18.5 45.5t44.5 18.5t45 -18.5t19 -45.5v-320q0 -26 -18.5 -45t-45.5 -19zM742 555q-28 0 -47 21l-80 89v-388q0 -26 -18.5 -45t-45 -19t-45 19t-18.5 45v388
144 | l-80 -89q-19 -21 -47 -21q-27 0 -45.5 18.5t-18.5 45.5q0 24 16 42l191 214q19 21 47.5 21t47.5 -21l191 -214q16 -18 16 -42q0 -27 -18.5 -45.5t-45.5 -18.5z" />
145 |   </font>
146 | </defs></svg>
147 | 


--------------------------------------------------------------------------------