加了页面的底部备案信息

src/layout/index.vue

@@ -27,8 +27,15 @@
       <el-card v-if="themeType && themeType === '8'" style="margin:.75rem">
         <app-main />
       </el-card>
-
       <app-main v-else />
+      <div class="footer">
+        <div class="titleText">Copyrights © 2024 All Rights Reserved by</div>
+        <div class="text_body">
+          <div class="textOne" @click="handleJumpTextOne">京ICP备xxxxxxx号-1</div>
+          <img v-if="logo" :src="logo" class="bottomLogo">
+          <div class="textTwo" @click="handleJumpTextTwo">津公网安备xxxxxxxxxx</div>
+        </div>
+      </div>
       <right-panel>
         <settings />
       </right-panel>
@@ -58,6 +65,11 @@ export default {
     settings
   },
   mixins: [ResizeMixin],
+  data() {
+    return {
+      logo: require('@/assets/image/policeDadgeIcon.png')
+    }
+  },
   computed: {
     currentPath() {
       // R正常路由跳转 Y打开新页且没有菜单结构 G打开新页有菜单结构
@@ -88,6 +100,12 @@ export default {
     console.log('aaaaa', this.$route)
   },
   methods: {
+    handleJumpTextOne() {
+      window.open('https://beian.miit.gov.cn/#/Integrated/index', '_blank')
+    },
+    handleJumpTextTwo() {
+      window.open('https://beian.mps.gov.cn/#/query/webSearch?code=12011602300248', '_blank')
+    },
     handleClickOutside() {
       this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })
     }
@@ -95,4 +113,32 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.footer{
+  width: 100%;
+  height: 80px;
+  background-color: #F4F4F4;
+  .titleText{
+    padding: 15px 0;
+    text-align: center;
+    color: black;
+  }
+  .text_body{
+    display: flex;
+    justify-content: center;
+    .textOne{
+      cursor: pointer;
+      color: black;
+    }
+    .bottomLogo{
+      width: 20px;
+      height: 20px;
+      margin: 0 10px;
+    }
+    .textTwo{
+      cursor: pointer;
+      color: black;
+    }
+  }
+}
+</style>

src/views/login/login.vue

@@ -166,6 +166,14 @@
     </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备xxxxxxx号-1</div>
+        <img v-if="logo" :src="logo" class="bottomLogo">
+        <div class="textTwo" @click="handleJumpTextTwo">津公网安备xxxxxxxxxxxxx</div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -180,6 +188,7 @@ export default {
   components: { Verify },
   data() {
     return {
+      logo: require('@/assets/image/policeDadgeIcon.png'),
       reLocation: '',
       codeUrl: '',
       cookiePassword: '',
@@ -214,6 +223,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=12011602300248', '_blank')
+    },
     goDetail(path) {
       this.$router.push({
         path: path,
@@ -325,7 +340,40 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" 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;
+    }
+    .bottomLogo{
+      width: 20px;
+      height: 20px;
+      margin: 0 10px;
+    }
+    .textTwo{
+      cursor: pointer;
+      color: #FFFFFF;
+    }
+  }
+}
 .my_btn {
   position: relative;
   width: 100%;