From a514bb4197114c9f2a0947b1f5b510e0fb11e17c Mon Sep 17 00:00:00 2001
From: chenghx <chenghx@nfex.com>
Date: Mon, 3 Sep 2018 10:39:39 +0800
Subject: [PATCH] feat: add setting for system's name

---
 src/components/layout/GlobalHeader.vue | 5 ++++-
 src/components/login/Login.vue         | 9 +++++++--
 src/components/menu/SiderMenu.vue      | 5 ++++-
 src/store/modules/setting.js           | 3 ++-
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/GlobalHeader.vue b/src/components/layout/GlobalHeader.vue
index c9bc87b..419ec57 100644
--- a/src/components/layout/GlobalHeader.vue
+++ b/src/components/layout/GlobalHeader.vue
@@ -3,7 +3,7 @@
     <div :class="['global-header-wide', layout]">
       <router-link v-if="isMobile || layout === 'head'" to="/" :class="['logo', isMobile ? null : 'pc', theme]">
         <img width="32" src="static/img/vue-antd-logo.png" />
-        <h1 v-if="!isMobile">Vue Antd Admin</h1>
+        <h1 v-if="!isMobile">{{systemName}}</h1>
       </router-link>
       <a-divider v-if="isMobile" type="vertical" />
       <a-icon v-if="layout === 'side'" class="trigger" :type="collapsed ? 'menu-unfold' : 'menu-fold'" @click="toggleCollapse"/>
@@ -61,6 +61,9 @@ export default {
     },
     theme () {
       return this.layout === 'side' ? 'light' : this.$store.state.setting.theme
+    },
+    systemName () {
+      return this.$store.state.setting.systemName
     }
   },
   methods: {
diff --git a/src/components/login/Login.vue b/src/components/login/Login.vue
index 6ea8fd7..2606406 100644
--- a/src/components/login/Login.vue
+++ b/src/components/login/Login.vue
@@ -4,9 +4,9 @@
       <div class="top">
         <div class="header">
           <img alt="logo" class="logo" src="static/img/vue-antd-logo.png" />
-          <span class="title">Vue Antd</span>
+          <span class="title">{{systemName}}</span>
         </div>
-        <div class="desc">Vue Antd 是西湖区最具影响力的 Web 设计规范</div>
+        <div class="desc">Ant Design 是西湖区最具影响力的 Web 设计规范</div>
       </div>
       <div class="login">
         <a-form @submit="onSubmit" :autoFormCreate="(form) => this.form = form">
@@ -109,6 +109,11 @@ export default {
       error: ''
     }
   },
+  computed: {
+    systemName () {
+      return this.$store.state.setting.systemName
+    }
+  },
   methods: {
     onSubmit (e) {
       e.preventDefault()
diff --git a/src/components/menu/SiderMenu.vue b/src/components/menu/SiderMenu.vue
index 65fee5a..aedafad 100644
--- a/src/components/menu/SiderMenu.vue
+++ b/src/components/menu/SiderMenu.vue
@@ -3,7 +3,7 @@
     <div :class="['logo', theme]">
       <router-link to="/dashboard/workplace">
         <img src="static/img/vue-antd-logo.png">
-        <h1>Vue Antd Admin</h1>
+        <h1>{{systemName}}</h1>
       </router-link>
     </div>
     <i-menu :theme="theme" :collapsed="collapsed" :menuData="menuData" @select="onSelect"/>
@@ -40,6 +40,9 @@ export default {
   computed: {
     isMobile () {
       return this.$store.state.setting.isMobile
+    },
+    systemName () {
+      return this.$store.state.setting.systemName
     }
   },
   methods: {
diff --git a/src/store/modules/setting.js b/src/store/modules/setting.js
index f4bf974..70d9b79 100644
--- a/src/store/modules/setting.js
+++ b/src/store/modules/setting.js
@@ -3,7 +3,8 @@ export default {
   state: {
     isMobile: false,
     theme: 'dark',
-    layout: 'side'
+    layout: 'side',
+    systemName: 'Vue Antd Admin'
   },
   mutations: {
     setDevice (state, isMobile) {