From 7c90b6f3bdc3d6bcf99f5455ec5d372729d90ccc Mon Sep 17 00:00:00 2001
From: lin-xin <2981207131@qq.com>
Date: Wed, 13 Sep 2017 20:47:38 +0800
Subject: [PATCH] update demo url

---
 README.md                          |   2 +-
 README_EN.md                       | 618 ++++++++++++++---------------
 index.html                         |  14 +-
 package.json                       |   2 +-
 src/components/page/BaseCharts.vue |  10 +-
 5 files changed, 323 insertions(+), 323 deletions(-)

diff --git a/README.md b/README.md
index bbeb65b..09160e5 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 # manage-system #
-基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。[线上地址](http://work.omwteam.com/)
+基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。[线上地址](http://blog.gdfengshuo.com/example/work/)
 
 [English document](https://github.com/lin-xin/manage-system/blob/master/README_EN.md)
 
diff --git a/README_EN.md b/README_EN.md
index 70c8901..e6b0752 100644
--- a/README_EN.md
+++ b/README_EN.md
@@ -1,310 +1,310 @@
-# manage-system #
-The web management system solution based on Vue2 and Element-UI。[live demo](http://work.omwteam.com/)
-
-
-## Preface ##
-The scheme as a set of multi-function background frame templates, suitable for most of the WEB management system development. Convenient development fast simple good components based on Vue2 and Element-UI. Color separation of color style, support manual switch themes, and it is convenient to use a custom theme color.
-
-## Function ##
-- [x] Element-UI
-- [x] Login/Logout
-- [x] Table
-- [x] From
-- [x] Chart :bar_chart:
-- [x] Editor
-- [x] Markdown
-- [x] Upload pictures by clipping or dragging
-- [x] Support manual switch themes :sparkles:
-- [x] List drag sort
-
-
-## Directory structure ##
-
-	|-- build                            // Webpack configuration file
-	|-- config                           // Project package path
-	|-- src                              // Source directory
-	|   |-- components                   // Components
-	|       |-- common                   // Common component
-	|           |-- Header.vue           // Header component
-	|           |-- Home.vue           	 // Home component
-	|           |-- Sidebar.vue          // Sidebar component
-	|		|-- page                   	 // Router page
-	|           |-- BaseCharts.vue       // BaseCharts
-	|           |-- BaseForm.vue         // BaseForm
-	|           |-- BaseTable.vue        // BaseTable
-	|           |-- Login.vue          	 // Login
-	|           |-- Markdown.vue         // Markdown
-	|           |-- MixCharts.vue        // MixCharts
-	|           |-- Readme.vue           // Readme
-	|           |-- Upload.vue           // Upload
-	|           |-- VueEditor.vue        // VueEditor
-	|           |-- VueTable.vue         // VueTable
-	|   |-- App.vue                      // Main component
-	|   |-- main.js                      // Entry file
-	|-- .babelrc                         // ES6 syntax compiler configuration
-	|-- .editorconfig                    // Code specification
-	|-- .gitignore                       // Ignored file
-	|-- index.html                       // Entry HTML file
-	|-- package.json                     // Dependent configuration file
-	|-- README.md                        // Readme
-
-
-## Installation steps ##
-
-	git clone https://github.com/lin-xin/manage-system.git		// Clone templates
-	cd manage-system											// Enter template directory
-	npm install													// Installation dependency
-
-## Local development ##
-
-	// Open server and access http://localhost:8080 in browser
-	npm run dev
-
-## Constructing production ##
-
-	// Constructing project
-	npm run build
-
-## Component description and presentation ##
-
-### element-ui ###
-A desktop component library based on vue.js2.0 . Github : [element](http://element.eleme.io/#/zh-CN/component/layout)
-
-### vue-datasource ###
-A Vue.js server side component to create dynamic tables. Github : [vue-datasource](https://github.com/coderdiaz/vue-datasource)
-
-```JavaScript
-<template>
-	<div>
-		<datasource language="en" :table-data="information.data"
-	        :columns="columns"
-	        :pagination="information.pagination"
-	        :actions="actions"
-	        v-on:change="changePage"
-	        v-on:searching="onSearch"></datasource>
-	</div>
-</template>
-
-<script>
-	import Datasource from 'vue-datasource';        // import Datasource component
-    export default {
-        data: function(){
-            return {
-                information: {
-	                pagination: {...},              // pagination config
-	                data: [...]
-	            },
-	            columns: [...],                     // col config
-	            actions: [...]                      // function config
-            }
-        },
-        components: {
-            Datasource										
-        },
-	    methods: {
-	        changePage(values) {...},
-	        onSearch(searchQuery) {...}
-	    }
-	}
-</script>
-```
-
-
-### Vue-Quill-Editor ###
-Quill editor component for Vue2. Github : [vue-quill-editor](https://github.com/surmon-china/vue-quill-editor)
-
-```JavaScript
-<template>
-	<div>
-		<quill-editor ref="myTextEditor" v-model="content" :config="editorOption"></quill-editor>
-	</div>
-</template>
-
-<script>
-	import { quillEditor } from 'vue-quill-editor';     // import quillEditor component
-    export default {
-        data: function(){
-            return {
-                content: '',								
-                editorOption: {								
-                    // something config
-                }
-            }
-        },
-        components: {
-            quillEditor										
-        }
-	}
-</script>
-```
-
-### Vue-SimpleMDE ###
-Markdown Editor component for Vue.js. Github : [Vue-SimpleMDE](https://github.com/F-loat/vue-simplemde)
-
-```JavaScript
-<template>
-    <div>
-        <markdown-editor v-model="content" :configs="configs" ref="markdownEditor"></markdown-editor>
-    </div>
-</template>
-
-<script>
-    import { markdownEditor } from 'vue-simplemde';			
-    export default {
-        data: function(){
-            return {
-                content:'',									
-                configs: {									
-                    status: false,							
-                    initialValue: 'Hello BBK',				
-                    renderingConfig: {
-                        codeSyntaxHighlighting: true,		
-                        highlightingTheme: 'atom-one-light' 
-                    }
-                }
-            }
-        },
-        components: {
-            markdownEditor									
-        }
-    }
-</script>
-```
-
-### Vue-Core-Image-Upload ###
-a vue plugin for image upload and crop. Github : [Vue-Core-Image-Upload](https://github.com/Vanthink-UED/vue-core-image-upload)
-
-```JavaScript
-
-<template>
-    <div>
-		<img :src="src">									
-        <vue-core-image-upload :class="['pure-button','pure-button-primary','js-btn-crop']"
-           :crop="true"										
-           text="上传图片"
-           url=""											
-           extensions="png,gif,jpeg,jpg"					
-           @:imageuploaded="imageuploaded">					
-		</vue-core-image-upload>
-    </div>
-</template>
-
-<script>
-    import VueCoreImageUpload  from 'vue-core-image-upload';	
-    export default {
-        data: function(){
-            return {
-                src:'../img/1.jpg'							
-            }
-        },
-        components: {
-            VueCoreImageUpload								
-        },
-        methods:{
-            imageuploaded(res) {							
-                console.log(res)
-            }
-        }
-    }
-</script>
-
-```
-
-### vue-schart ###
-Vue.js wrapper for sChart.js. Github : [vue-schart](https://github.com/linxin/vue-schart)
-
-```JavaScript
-<template>
-    <div>
-        <schart :canvasId="canvasId"
-				:type="type"
-				:width="width"
-				:height="height"
-				:data="data"
-				:options="options"
-		></schart>
-    </div>
-</template>
-	
-<script>
-    import Schart from 'vue-schart';
-    export default {
-        data: function(){
-            return {
-                canvasId: 'myCanvas',
-                type: 'bar',
-                width: 500,
-                height: 400,
-                data: [
-                    {name: '2014', value: 1342},
-                    {name: '2015', value: 2123},
-                    {name: '2016', value: 1654},
-                    {name: '2017', value: 1795},
-                ],
-                options: {
-                    title: 'Total sales of stores in recent years'
-                }
-            }
-        },
-        components: {
-            Schart
-        }
-    }
-</script>
-```
-
-## Notice ##
-### 一、If I don't want to use some components, how can I delete it? ###
-
-For example, I don't want to use the vue-datasource component, I need to take four steps.
-
-The first step to remove the component of the routing. Enter 'src/router/index.js' and delete the code below.
-
-```JavaScript
-{
-    path: '/vuetable',
-    component: resolve => require(['../components/page/VueTable.vue'], resolve)
-},
-```
-
-Second,delete the component files. Enter 'src/components/page/' and delete 'VueTable.vue' file.
-
-The third step is to delete the entry. Enter 'src/components/common/Sidebar.vue' and delete the code below.
-	
-```HTML
-<el-menu-item index="vuetable">Vue表格组件</el-menu-item>
-```
-
-Finally, uninstall this component.
-	
-	npm un vue-datasource -S
-
-Complete!
-
-### 二、How to switch themes? ###
-
-The first step to enter 'src/main.js' and change into green theme.
-
-```javascript
-import 'element-ui/lib/theme-default/index.css';    // default theme
-// import '../static/css/theme-green/index.css';       // green theme
-```
-
-The second step to enter 'src/App.vue' and change into green theme.
-
-```javascript
-@import "../static/css/main.css";
-@import "../static/css/color-dark.css";     /*深色主题*/
-/*@import "../static/css/theme-green/color-green.css";   !*浅绿色主题*!*/
-```
-
-Finally,enter 'src/components/common/Sidebar.vue' and find el-menu Tags,delete 'theme="dark"'。
-
-## Screenshot ##
-### Default theme ###
-
-![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms1.png)
-
-### Green theme ###
-
+# manage-system #
+The web management system solution based on Vue2 and Element-UI。[live demo](http://blog.gdfengshuo.com/example/work/)
+
+
+## Preface ##
+The scheme as a set of multi-function background frame templates, suitable for most of the WEB management system development. Convenient development fast simple good components based on Vue2 and Element-UI. Color separation of color style, support manual switch themes, and it is convenient to use a custom theme color.
+
+## Function ##
+- [x] Element-UI
+- [x] Login/Logout
+- [x] Table
+- [x] From
+- [x] Chart :bar_chart:
+- [x] Editor
+- [x] Markdown
+- [x] Upload pictures by clipping or dragging
+- [x] Support manual switch themes :sparkles:
+- [x] List drag sort
+
+
+## Directory structure ##
+
+	|-- build                            // Webpack configuration file
+	|-- config                           // Project package path
+	|-- src                              // Source directory
+	|   |-- components                   // Components
+	|       |-- common                   // Common component
+	|           |-- Header.vue           // Header component
+	|           |-- Home.vue           	 // Home component
+	|           |-- Sidebar.vue          // Sidebar component
+	|		|-- page                   	 // Router page
+	|           |-- BaseCharts.vue       // BaseCharts
+	|           |-- BaseForm.vue         // BaseForm
+	|           |-- BaseTable.vue        // BaseTable
+	|           |-- Login.vue          	 // Login
+	|           |-- Markdown.vue         // Markdown
+	|           |-- MixCharts.vue        // MixCharts
+	|           |-- Readme.vue           // Readme
+	|           |-- Upload.vue           // Upload
+	|           |-- VueEditor.vue        // VueEditor
+	|           |-- VueTable.vue         // VueTable
+	|   |-- App.vue                      // Main component
+	|   |-- main.js                      // Entry file
+	|-- .babelrc                         // ES6 syntax compiler configuration
+	|-- .editorconfig                    // Code specification
+	|-- .gitignore                       // Ignored file
+	|-- index.html                       // Entry HTML file
+	|-- package.json                     // Dependent configuration file
+	|-- README.md                        // Readme
+
+
+## Installation steps ##
+
+	git clone https://github.com/lin-xin/manage-system.git		// Clone templates
+	cd manage-system											// Enter template directory
+	npm install													// Installation dependency
+
+## Local development ##
+
+	// Open server and access http://localhost:8080 in browser
+	npm run dev
+
+## Constructing production ##
+
+	// Constructing project
+	npm run build
+
+## Component description and presentation ##
+
+### element-ui ###
+A desktop component library based on vue.js2.0 . Github : [element](http://element.eleme.io/#/zh-CN/component/layout)
+
+### vue-datasource ###
+A Vue.js server side component to create dynamic tables. Github : [vue-datasource](https://github.com/coderdiaz/vue-datasource)
+
+```JavaScript
+<template>
+	<div>
+		<datasource language="en" :table-data="information.data"
+	        :columns="columns"
+	        :pagination="information.pagination"
+	        :actions="actions"
+	        v-on:change="changePage"
+	        v-on:searching="onSearch"></datasource>
+	</div>
+</template>
+
+<script>
+	import Datasource from 'vue-datasource';        // import Datasource component
+    export default {
+        data: function(){
+            return {
+                information: {
+	                pagination: {...},              // pagination config
+	                data: [...]
+	            },
+	            columns: [...],                     // col config
+	            actions: [...]                      // function config
+            }
+        },
+        components: {
+            Datasource										
+        },
+	    methods: {
+	        changePage(values) {...},
+	        onSearch(searchQuery) {...}
+	    }
+	}
+</script>
+```
+
+
+### Vue-Quill-Editor ###
+Quill editor component for Vue2. Github : [vue-quill-editor](https://github.com/surmon-china/vue-quill-editor)
+
+```JavaScript
+<template>
+	<div>
+		<quill-editor ref="myTextEditor" v-model="content" :config="editorOption"></quill-editor>
+	</div>
+</template>
+
+<script>
+	import { quillEditor } from 'vue-quill-editor';     // import quillEditor component
+    export default {
+        data: function(){
+            return {
+                content: '',								
+                editorOption: {								
+                    // something config
+                }
+            }
+        },
+        components: {
+            quillEditor										
+        }
+	}
+</script>
+```
+
+### Vue-SimpleMDE ###
+Markdown Editor component for Vue.js. Github : [Vue-SimpleMDE](https://github.com/F-loat/vue-simplemde)
+
+```JavaScript
+<template>
+    <div>
+        <markdown-editor v-model="content" :configs="configs" ref="markdownEditor"></markdown-editor>
+    </div>
+</template>
+
+<script>
+    import { markdownEditor } from 'vue-simplemde';			
+    export default {
+        data: function(){
+            return {
+                content:'',									
+                configs: {									
+                    status: false,							
+                    initialValue: 'Hello BBK',				
+                    renderingConfig: {
+                        codeSyntaxHighlighting: true,		
+                        highlightingTheme: 'atom-one-light' 
+                    }
+                }
+            }
+        },
+        components: {
+            markdownEditor									
+        }
+    }
+</script>
+```
+
+### Vue-Core-Image-Upload ###
+a vue plugin for image upload and crop. Github : [Vue-Core-Image-Upload](https://github.com/Vanthink-UED/vue-core-image-upload)
+
+```JavaScript
+
+<template>
+    <div>
+		<img :src="src">									
+        <vue-core-image-upload :class="['pure-button','pure-button-primary','js-btn-crop']"
+           :crop="true"										
+           text="上传图片"
+           url=""											
+           extensions="png,gif,jpeg,jpg"					
+           @:imageuploaded="imageuploaded">					
+		</vue-core-image-upload>
+    </div>
+</template>
+
+<script>
+    import VueCoreImageUpload  from 'vue-core-image-upload';	
+    export default {
+        data: function(){
+            return {
+                src:'../img/1.jpg'							
+            }
+        },
+        components: {
+            VueCoreImageUpload								
+        },
+        methods:{
+            imageuploaded(res) {							
+                console.log(res)
+            }
+        }
+    }
+</script>
+
+```
+
+### vue-schart ###
+Vue.js wrapper for sChart.js. Github : [vue-schart](https://github.com/linxin/vue-schart)
+
+```JavaScript
+<template>
+    <div>
+        <schart :canvasId="canvasId"
+				:type="type"
+				:width="width"
+				:height="height"
+				:data="data"
+				:options="options"
+		></schart>
+    </div>
+</template>
+	
+<script>
+    import Schart from 'vue-schart';
+    export default {
+        data: function(){
+            return {
+                canvasId: 'myCanvas',
+                type: 'bar',
+                width: 500,
+                height: 400,
+                data: [
+                    {name: '2014', value: 1342},
+                    {name: '2015', value: 2123},
+                    {name: '2016', value: 1654},
+                    {name: '2017', value: 1795},
+                ],
+                options: {
+                    title: 'Total sales of stores in recent years'
+                }
+            }
+        },
+        components: {
+            Schart
+        }
+    }
+</script>
+```
+
+## Notice ##
+### 一、If I don't want to use some components, how can I delete it? ###
+
+For example, I don't want to use the vue-datasource component, I need to take four steps.
+
+The first step to remove the component of the routing. Enter 'src/router/index.js' and delete the code below.
+
+```JavaScript
+{
+    path: '/vuetable',
+    component: resolve => require(['../components/page/VueTable.vue'], resolve)
+},
+```
+
+Second,delete the component files. Enter 'src/components/page/' and delete 'VueTable.vue' file.
+
+The third step is to delete the entry. Enter 'src/components/common/Sidebar.vue' and delete the code below.
+	
+```HTML
+<el-menu-item index="vuetable">Vue表格组件</el-menu-item>
+```
+
+Finally, uninstall this component.
+	
+	npm un vue-datasource -S
+
+Complete!
+
+### 二、How to switch themes? ###
+
+The first step to enter 'src/main.js' and change into green theme.
+
+```javascript
+import 'element-ui/lib/theme-default/index.css';    // default theme
+// import '../static/css/theme-green/index.css';       // green theme
+```
+
+The second step to enter 'src/App.vue' and change into green theme.
+
+```javascript
+@import "../static/css/main.css";
+@import "../static/css/color-dark.css";     /*深色主题*/
+/*@import "../static/css/theme-green/color-green.css";   !*浅绿色主题*!*/
+```
+
+Finally,enter 'src/components/common/Sidebar.vue' and find el-menu Tags,delete 'theme="dark"'。
+
+## Screenshot ##
+### Default theme ###
+
+![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms1.png)
+
+### Green theme ###
+
 ![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms2.png)
\ No newline at end of file
diff --git a/index.html b/index.html
index 79f53e4..1598858 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>manage-system</title>
+    <title>vue-manage-system | 基于Vue 的后台管理系统</title>
     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
     <meta name="keywords" content="vue.js, wms, vue2, 后台模板, 管理系统, element" />
     <meta name="description" content="基于Vue2 + Element UI 的后台管理系统解决方案" />
@@ -10,14 +10,14 @@
 <body>
 <div id="app"></div>
 <!--<script src="./static/js/vendor.dll.js"></script>-->
-<script>
+<!-- <script>
     var _hmt = _hmt || [];
     (function() {
-        var hm = document.createElement("script");
-        hm.src = "https://hm.baidu.com/hm.js?1ad0a5c62a113bb874be8bb514b0a70d";
-        var s = document.getElementsByTagName("script")[0];
-        s.parentNode.insertBefore(hm, s);
+      var hm = document.createElement("script");
+      hm.src = "https://hm.baidu.com/hm.js?1c343a080809502ac823823ae4c9ffe3";
+      var s = document.getElementsByTagName("script")[0]; 
+      s.parentNode.insertBefore(hm, s);
     })();
-</script>
+</script> -->
 </body>
 </html>
diff --git a/package.json b/package.json
index 9366e04..9b31bbc 100644
--- a/package.json
+++ b/package.json
@@ -16,9 +16,9 @@
     "vue": "^2.3.2",
     "vue-core-image-upload": "2.1.11",
     "vue-datasource": "1.0.9",
-    "vue-schart": "^0.1.2",
     "vue-quill-editor": "2.1.6",
     "vue-router": "^2.3.1",
+    "vue-schart": "^0.1.2",
     "vue-simplemde": "0.3.8"
   },
   "devDependencies": {
diff --git a/src/components/page/BaseCharts.vue b/src/components/page/BaseCharts.vue
index 28057b3..88d3ebb 100644
--- a/src/components/page/BaseCharts.vue
+++ b/src/components/page/BaseCharts.vue
@@ -53,15 +53,15 @@
             ],
             options1: {
                 title: '某商店近年营业总额',
-                bgColor: '#829dda',
+                bgColor: '#009688',
                 titleColor: '#ffffff',
-                fillColor: '#72f6ff',
-                axisColor: '#eeeeee',
-                contentColor: '#bbbbbb'
+                fillColor: '#e0f2f1',
+                axisColor: '#ffffff',
+                contentColor: '#999'
             },
             options2: {
                 title: '某商店各商品年度销量',
-                bgColor: '#829dca',
+                bgColor: '#607d8b',
                 titleColor: '#ffffff',
                 legendColor: '#ffffff'
             }