From 4551a1537de3468fed2cf8b3a2083af0e431f815 Mon Sep 17 00:00:00 2001
From: 13121765685 <aonier123..>
Date: Wed, 14 Jan 2026 11:32:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=87=E6=A1=88=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/frontend/src/App.vue                     |   2 +
 .../src/components/footerBeiAn/index.vue      | 186 ++++++++++++++++++
 apps/frontend/src/locales/index.js            |  12 +-
 apps/frontend/src/views/Login/Login.vue       |  23 +--
 apps/frontend/src/views/Login/PhoneLogin.vue  |   3 +-
 5 files changed, 205 insertions(+), 21 deletions(-)
 create mode 100644 apps/frontend/src/components/footerBeiAn/index.vue

diff --git a/apps/frontend/src/App.vue b/apps/frontend/src/App.vue
index 643f1ba..b19ff34 100644
--- a/apps/frontend/src/App.vue
+++ b/apps/frontend/src/App.vue
@@ -5,6 +5,7 @@ import MainLayout from '@/components/layout/MainLayout.vue'
 import AppHeader from '@/components/layout/AppHeader.vue'
 import AppSidebar from '@/components/layout/AppSidebar.vue'
 import { useAuthStore } from '@/stores/auth';
+import footerCom from './components/footerBeiAn/index.vue';
 const authStore = useAuthStore();
 authStore.updateUserInfo()
 const route = useRoute()
@@ -95,6 +96,7 @@ onMounted(() => {
   <div  v-else>
     <router-view />
   </div>
+  <footerCom />
 </template>
 <style>
 *{
diff --git a/apps/frontend/src/components/footerBeiAn/index.vue b/apps/frontend/src/components/footerBeiAn/index.vue
new file mode 100644
index 0000000..86a7568
--- /dev/null
+++ b/apps/frontend/src/components/footerBeiAn/index.vue
@@ -0,0 +1,186 @@
+<template>
+  <footer class="footer-beian">
+    <div class="footer-content">
+      <a 
+        :href="t('app.footer.icpLink')" 
+        target="_blank" 
+        rel="noopener noreferrer"
+        class="icp-link"
+        :title="t('app.footer.icp')"
+      >
+        <span class="icp-icon">©</span>
+        <span class="icp-text">{{ t('app.footer.icp') }}</span>
+      </a>
+    </div>
+  </footer>
+</template>
+
+<script setup>
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+</script>
+
+<style scoped>
+.footer-beian {
+  width: 100%;
+  padding: 16px 24px;
+  background: var(--card-bg, #ffffff);
+  border-top: 1px solid var(--border-color, #e5e7eb);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: background-color var(--t) var(--e), border-color var(--t) var(--e);
+}
+
+.footer-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+
+.icp-link {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  text-decoration: none;
+  color: var(--text-secondary, #6b7280);
+  font-size: 13px;
+  font-weight: 400;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  padding: 6px 12px;
+  border-radius: 6px;
+  background: transparent;
+}
+
+.icp-link:hover {
+  color: var(--el-color-primary, #6B46C1);
+  background: var(--primary-light, rgba(107, 70, 193, 0.1));
+  transform: translateY(-1px);
+}
+
+.icp-icon {
+  font-size: 14px;
+  line-height: 1;
+  opacity: 0.7;
+  transition: opacity 0.3s ease;
+}
+
+.icp-link:hover .icp-icon {
+  opacity: 1;
+}
+
+.icp-text {
+  font-size: 13px;
+  line-height: 1.4;
+  letter-spacing: 0.3px;
+}
+
+/* 暗色主题适配 */
+html.dark .footer-beian {
+  background: var(--card-bg, #1F2937);
+  border-top-color: var(--border-color, #374151);
+}
+
+html.dark .icp-link {
+  color: var(--text-secondary, #9CA3AF);
+}
+
+html.dark .icp-link:hover {
+  color: var(--el-color-primary, #8B5CF6);
+  background: var(--primary-light, rgba(139, 92, 246, 0.15));
+}
+
+/* 响应式设计 - 平板端 */
+@media (max-width: 1024px) {
+  .footer-beian {
+    padding: 14px 20px;
+  }
+
+  .icp-link {
+    font-size: 12px;
+    padding: 5px 10px;
+  }
+
+  .icp-text {
+    font-size: 12px;
+  }
+}
+
+/* 响应式设计 - 移动端 */
+@media (max-width: 768px) {
+  .footer-beian {
+    padding: 12px 16px;
+  }
+
+  .icp-link {
+    font-size: 11px;
+    padding: 4px 8px;
+    gap: 4px;
+  }
+
+  .icp-icon {
+    font-size: 12px;
+  }
+
+  .icp-text {
+    font-size: 11px;
+  }
+}
+
+/* 小屏幕移动端优化 */
+@media (max-width: 480px) {
+  .footer-beian {
+    padding: 10px 12px;
+  }
+
+  .icp-link {
+    font-size: 10px;
+    padding: 3px 6px;
+  }
+
+  .icp-icon {
+    font-size: 11px;
+  }
+
+  .icp-text {
+    font-size: 10px;
+  }
+}
+
+/* 触摸设备优化 */
+@media (hover: none) and (pointer: coarse) {
+  .icp-link:active {
+    transform: scale(0.98);
+    background: var(--primary-light, rgba(107, 70, 193, 0.15));
+  }
+
+  html.dark .icp-link:active {
+    background: var(--primary-light, rgba(139, 92, 246, 0.2));
+  }
+}
+
+/* 高对比度模式支持 */
+@media (prefers-contrast: high) {
+  .icp-link {
+    border: 1px solid var(--border-color, #e5e7eb);
+  }
+
+  html.dark .icp-link {
+    border-color: var(--border-color, #374151);
+  }
+}
+
+/* 减少动画模式支持 */
+@media (prefers-reduced-motion: reduce) {
+  .icp-link,
+  .icp-icon {
+    transition: none;
+  }
+
+  .icp-link:hover {
+    transform: none;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/apps/frontend/src/locales/index.js b/apps/frontend/src/locales/index.js
index 10499ee..7b32165 100644
--- a/apps/frontend/src/locales/index.js
+++ b/apps/frontend/src/locales/index.js
@@ -1,5 +1,5 @@
-const savedLang = localStorage.getItem('lang') || 'cn'
-
+import { isWeChatBrowser } from '@deotaland/utils'
+let savedLang = localStorage.getItem('lang') || (isWeChatBrowser()?'zh':'en')
 export default {
   legacy: false,
   locale: savedLang,
@@ -14,6 +14,10 @@ export default {
         theme_dark: '深色',
         lang_zh: '中文',
         lang_en: '英文',
+        footer: {
+          icp: '蜀ICP备2024078618号-2',
+          icpLink: 'https://beian.miit.gov.cn/#/Integrated/recordQuery'
+        }
       },
       breadcrumb: {
         home: '首页',
@@ -1535,6 +1539,10 @@ export default {
           theme_dark: 'Dark',
           lang_zh: '中文',
           lang_en: 'English',
+          footer: {
+            icp: 'Shu ICP No. 2024078618-2',
+            icpLink: 'https://beian.miit.gov.cn/#/Integrated/recordQuery'
+          }
         },
       breadcrumb: {
         home: 'Home',
diff --git a/apps/frontend/src/views/Login/Login.vue b/apps/frontend/src/views/Login/Login.vue
index dc10c47..f79aa78 100644
--- a/apps/frontend/src/views/Login/Login.vue
+++ b/apps/frontend/src/views/Login/Login.vue
@@ -83,7 +83,7 @@
 import { onMounted, reactive, ref, computed } from 'vue'
 import { useRouter,useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import { environmentUtils } from '@deotaland/utils'
+import { environmentUtils,isWeChatBrowser } from '@deotaland/utils'
 import { useAuthStore } from '@/stores/auth'
 import { WarningFilled, InfoFilled, QuestionFilled, UserFilled, Phone } from '@element-plus/icons-vue'
 // 导入子组件
@@ -99,20 +99,7 @@ const plugin = reactive(new LOGIN());
 
 // 环境检测状态
 const environmentInfo = ref(null)
-const isDetectingEnvironment = ref(true)
-// 判断是否显示手机号登录入口
-const showPhoneLogin = computed(() => {
-  // 如果还在检测中，默认显示
-  if (isDetectingEnvironment.value) {
-    return true
-  }
-  // 如果检测失败，默认显示
-  if (!environmentInfo.value) {
-    return true
-  }
-  // 如果是国内环境，显示手机号登录入口
-  return environmentInfo.value.isDomestic
-})
+const isDetectingEnvironment = ref(true)//是否正在检测环境
 
 
 
@@ -160,13 +147,13 @@ const goToRegister = () => {
 
 // 跳转到手机号登录页面
 const goToPhoneLogin = () => {
-  router.push('/login/phone')
+  router.replace('/login/phone')
 }
 //判断是否是国内环境显示手机号登录入口
-
 // 页面挂载时初始化认证状态
 onMounted(() => {
-  detectEnvironment()
+  // detectEnvironment()
+  isWeChatBrowser()&&goToPhoneLogin()
 })
 </script>
 
diff --git a/apps/frontend/src/views/Login/PhoneLogin.vue b/apps/frontend/src/views/Login/PhoneLogin.vue
index 3744e96..0494813 100644
--- a/apps/frontend/src/views/Login/PhoneLogin.vue
+++ b/apps/frontend/src/views/Login/PhoneLogin.vue
@@ -45,7 +45,7 @@
         </div>
         
         <!-- 其他登录方式和链接 -->
-        <div class="auth-links">
+        <div class="auth-links" v-if="!isWeChatBrowser()">
           <div class="auth-links-row">
             <button 
               type="button" 
@@ -67,6 +67,7 @@ import { onMounted, reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import { useAuthStore } from '@/stores/auth'
+import {isWeChatBrowser} from '@deotaland/utils';
 import { WarningFilled, Message, QuestionFilled } from '@element-plus/icons-vue'
 // 导入子组件
 import PhoneLoginForm from '@/components/auth/PhoneLoginForm.vue'