fix:首页新增备案

src/views/login/components/HomeBottom.vue

@@ -2,6 +2,7 @@
   <div class="foot-mark-box">
     <div>
       <div class="hover" @click="handleJumpFiling">© 陕ICP备2024033180号-1</div>
+      <div class="case-cont" @click="handleJumpCase">陕公网安备61019102000586号</div>
       <div>服务邮箱：citp@changan-inkasso.com</div>
       <div>服务电话：029-86689192</div>
       <div class="hover" @click="aboutClick">关于我们</div>
@@ -26,6 +27,9 @@ export default {
     handleJumpFiling() {
       window.open('https://beian.miit.gov.cn/')
     },
+    handleJumpCase() {
+      window.open('https://beian.mps.gov.cn/#/query/webSearch?code=61019102000586')
+    },
     aboutClick() {
       this.$router.push('/login/aboutUs')
     },
@@ -60,6 +64,18 @@ export default {
   div.hover:hover {
     color: #FE7D0B;
   }
+  .case-cont:hover {
+    color: #FE7D0B;
+  }
+  .case-cont::before {
+    content: ' ';
+    display: inline-block;
+    width: 16px;
+    height: 18px;
+    background: url('../../../assets/login/case-icon.png') no-repeat;
+    vertical-align: middle;
+    margin-right: 5px;
+  }
   .user-protocol-content {
     height: 80vh;
     overflow-y: auto;

src/views/login/index.vue

@@ -85,17 +85,15 @@
           <div
             class="bt-l-orange"
             @click="handleJumpInkasso"
-          >长安银科官网：</div>
-          <div>www.changan-inkasso.com</div>
+          >长安银科官网：www.changan-inkasso.com</div>
         </template>
         <div v-if="isMobileTerminal">服务邮箱：citp@changan-inkasso.com</div>
         <div v-if="isMobileTerminal">服务电话：029-86689192</div>
       </div>
       <div v-if="!isMobileTerminal" class="bt-m">
-        <div>服务邮箱：</div>
-        <div>citp@changan-inkasso.com</div>
-        <div>服务电话：</div>
-        <div>029-86689192</div>
+        <div class="case-cont" @click="handleJumpCase">陕公网安备61019102000586号</div>
+        <div>服务邮箱：citp@changan-inkasso.com</div>
+        <div>服务电话：029-86689192</div>
       </div>
       <div class="bt-r">
         <div class="qrocde" />
@@ -109,6 +107,7 @@
       <div class="bottom-cont">
         <div class="bt-l">
           <div class="bt-l-orange" @click="handleJumpFiling">© 陕ICP备2024033180号-1</div>
+          <div class="case-cont" @click="handleJumpCase">陕公网安备61019102000586号</div>
           <div>服务邮箱：citp@changan-inkasso.com</div>
           <div>服务电话：029-86689192</div>
         </div>
@@ -275,6 +274,9 @@ export default {
     },
     handleClickProtocol() {
       this.$refs.protocolDialog.show = true
+    },
+    handleJumpCase() {
+      window.open('https://beian.mps.gov.cn/#/query/webSearch?code=61019102000586')
     }
   }
 
@@ -463,6 +465,21 @@ export default {
       .bt-l-orange:hover {
         color: #FE7D0B;
       }
+      .case-cont {
+        cursor: pointer;
+      }
+      .case-cont:hover {
+        color: #FE7D0B;
+      }
+      .case-cont::before {
+        content: ' ';
+        display: inline-block;
+        width: 16px;
+        height: 18px;
+        background: url('../../assets/login/case-icon.png') no-repeat;
+        vertical-align: middle;
+        margin-right: 5px;
+      }
     }
     .bt-m {
       padding-top: 70px;
@@ -471,6 +488,21 @@ export default {
       > div {
         margin-bottom: 10px;
       }
+      .case-cont {
+        cursor: pointer;
+      }
+      .case-cont:hover {
+        color: #FE7D0B;
+      }
+      .case-cont::before {
+        content: ' ';
+        display: inline-block;
+        width: 16px;
+        height: 18px;
+        background: url('../../assets/login/case-icon.png') no-repeat;
+        vertical-align: middle;
+        margin-right: 5px;
+      }
     }
     .bt-r {
       .qrocde {