备案号

src/layout/index.vue

@@ -7,11 +7,18 @@
         <Header />
       </div>
       <div class="nav-container-two">
-        <div class="placeholder"></div>
+        <div class="placeholder" />
         <tags-view />
         <navbar />
       </div>
       <app-main />
+      <div class="footer">
+        <div class="titleText">Copyrights © 2024 All Rights Reserved by</div>
+        <div class="text_body">
+          <div class="textOne" @click="handleJumpTextOne">京ICP备2024075637号-1</div>
+          <div class="textTwo" @click="handleJumpTextTwo">津公网安备</div>
+        </div>
+      </div>
       <right-panel>
         <settings />
       </right-panel>
@@ -57,6 +64,12 @@ export default {
     }
   },
   methods: {
+    handleJumpTextOne() {
+      window.open('https://beian.miit.gov.cn/#/Integrated/index', '_blank')
+    },
+    handleJumpTextTwo() {
+      window.open('https://beian.mps.gov.cn/#/query/webSearch?code=', '_blank')
+    },
     handleClickOutside() {
       this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })
     }
@@ -65,5 +78,28 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.footer{
+  width: 100%;
+  height: 80px;
+  background-color: #214E90;
+  .titleText{
+    padding: 15px 0;
+    text-align: center;
+    color: #FFFFFF;
+  }
+  .text_body{
+    display: flex;
+    justify-content: center;
+    .textOne{
+      cursor: pointer;
+      color: #FFFFFF;
+      padding:  0 15px;
+    }
+    .textTwo{
+      cursor: pointer;
+      color: #FFFFFF;
+      padding:  0 15px;
+    }
+  }
+}
 </style>

src/views/login/login.vue

@@ -108,6 +108,13 @@
     </el-form>
     <!--  底部  -->
     <div class="el-login-footer" />
+    <div class="footer">
+      <div class="titleText">Copyrights © 2024 All Rights Reserved by</div>
+      <div class="text_body">
+        <div class="textOne" @click="handleJumpTextOne">京ICP备2024075637号-1</div>
+        <div class="textTwo" @click="handleJumpTextTwo">津公网安备</div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -154,6 +161,12 @@ export default {
     this.getCookie()
   },
   methods: {
+    handleJumpTextOne() {
+      window.open('https://beian.miit.gov.cn/#/Integrated/index', '_blank')
+    },
+    handleJumpTextTwo() {
+      window.open('https://beian.mps.gov.cn/#/query/webSearch?code=', '_blank')
+    },
     goDetail(path) {
       this.$router.push({
         path: path,
@@ -576,3 +589,35 @@ export default {
   }
 
 </style>
+<style lang="scss" scoped>
+.footer{
+  font-size: 14px;
+  width: 100%;
+  height: 80px;
+  background-color: #214E90;
+  position: fixed;
+  bottom: 0;
+  text-align: center;
+  color: #fff;
+  letter-spacing: 1px;
+  .titleText{
+    padding: 15px 0;
+    text-align: center;
+    color: #FFFFFF;
+  }
+  .text_body{
+    display: flex;
+    justify-content: center;
+    .textOne{
+      cursor: pointer;
+      color: #FFFFFF;
+      padding:  0 15px;
+    }
+    .textTwo{
+      cursor: pointer;
+      color: #FFFFFF;
+      padding:  0 15px;
+    }
+  }
+}
+</style>