From ac2253e5521fd3533e5f43551411755042ce3c1a Mon Sep 17 00:00:00 2001
From: zhengjie <201507802@qq.com>
Date: Sat, 29 Jun 2019 13:26:05 +0800
Subject: [PATCH] =?UTF-8?q?=E9=85=8D=E7=BD=AE=E6=96=87=E4=BB=B6=E4=B8=AD?=
 =?UTF-8?q?=E5=8A=A0=E5=85=A5=E5=BA=95=E9=83=A8=E4=BF=A1=E6=81=AF=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config/index.js               | 17 ++++++++++++++++-
 src/layout/components/AppMain.vue | 22 +++++++++++++++-------
 src/store/modules/settings.js     |  5 ++++-
 src/styles/index.scss             | 29 +++++++++++++++++++++++++++++
 src/views/login.vue               |  5 +++++
 5 files changed, 69 insertions(+), 9 deletions(-)

diff --git a/src/config/index.js b/src/config/index.js
index 21377b2..556a8a9 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -46,5 +46,20 @@ export default {
   /**
    * 是否显示设置的悬浮按钮
    */
-  settingBtn: true
+  settingBtn: true,
+
+  /**
+   * 是否显示设置的底部信息
+   */
+  showFooter: true,
+
+  /**
+   * 底部文字，支持html语法
+   */
+  footerTxt: '© 2019 Zheng Jie <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License 2.0</a>',
+
+  /**
+   * 备案号
+   */
+  caseNumber: '浙ICP备18005431号-3'
 }
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 52e6da5..8f9b6b8 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -1,11 +1,18 @@
 <template>
-  <section class="app-main">
-    <transition name="fade-transform" mode="out-in">
-      <keep-alive :include="cachedViews">
-        <router-view :key="key"/>
-      </keep-alive>
-    </transition>
-  </section>
+  <div>
+    <section class="app-main">
+      <transition name="fade-transform" mode="out-in">
+        <keep-alive :include="cachedViews">
+          <router-view :key="key"/>
+        </keep-alive>
+      </transition>
+    </section>
+    <div v-if="$store.state.settings.showFooter" id="el-main-footer">
+      <span v-html="$store.state.settings.footerTxt"/>
+      <span> ⋅ </span>
+      <a href="http://www.beian.miit.gov.cn" target="_blank">{{ $store.state.settings.caseNumber }}</a>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -29,6 +36,7 @@ export default {
     min-height: calc(100vh - 84px);
     width: 100%;
     position: relative;
+    padding-bottom: 18px;
     overflow: hidden;
   }
 
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index aabf0c3..64bbb45 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -9,7 +9,10 @@ const settings = {
     sidebarLogo: Config.sidebarLogo,
     theme: variables.theme,
     settingBtn: Config.settingBtn,
-    uniqueOpened: Config.uniqueOpened
+    uniqueOpened: Config.uniqueOpened,
+    showFooter: Config.showFooter,
+    footerTxt: Config.footerTxt,
+    caseNumber: Config.caseNumber
   },
   mutations: {
     CHANGE_SETTING: (state, { key, value }) => {
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 165c90b..1feb73a 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -135,3 +135,32 @@ a:hover {
     //margin: 0 auto;
   }
 }
+
+#el-login-footer {
+  height: 40px;
+  line-height: 40px;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-family: Arial;
+  font-size: 12px;
+  letter-spacing: 1px;
+}
+
+#el-main-footer {
+  background: none repeat scroll 0 0 white;
+  border-top: 1px solid #e7eaec;
+  overflow: hidden;
+  padding: 10px 6px 0px 6px;
+  height: 33px;
+  font-size: 0.5rem !important;
+  color: #7a8b9a;
+  letter-spacing: 0.8px;
+  font-family: Arial, sans-serif !important;
+  position: fixed;
+  bottom: 0;
+  z-index: 99;
+  width: 100%;
+}
diff --git a/src/views/login.vue b/src/views/login.vue
index 972ec9c..2fe9924 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -28,6 +28,11 @@
         </el-button>
       </el-form-item>
     </el-form>
+    <div v-if="$store.state.settings.showFooter" id="el-login-footer">
+      <span v-html="$store.state.settings.footerTxt"/>
+      <span> ⋅ </span>
+      <a href="http://www.beian.miit.gov.cn" target="_blank">{{ $store.state.settings.caseNumber }}</a>
+    </div>
   </div>
 </template>