feat: 添加钉钉扫码登录功能

- 后端：钉钉 OAuth 认证服务
- 后端：系统设置 API（钉钉配置）
- 前端：登录页钉钉扫码入口
- 前端：系统设置页面
- 数据库迁移脚本

frontend/src/views/login/index.vue

@@ -67,20 +67,34 @@
           </el-button>
         </el-form-item>
 
-        <div class="other-login">
+        <div class="other-login" v-if="dingtalkConfig.enabled || !isDingtalk">
           <el-divider>其他登录方式</el-divider>
           <div class="social-icons">
+            <!-- 钉钉登录按钮（仅在启用且非钉钉环境时显示） -->
+            <div 
+              v-if="dingtalkConfig.enabled && !isDingtalk" 
+              class="social-icon dingtalk-icon" 
+              @click="handleDingtalkLogin"
+              title="钉钉登录"
+            >
+              <svg viewBox="0 0 1024 1024" width="22" height="22">
+                <path d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0z m259.3 568.7l-197.8 3.3-59.4 143.1c-3.6 8.6-15.7 7.5-17.9-1.6l-45.2-188.5-241.9-69c-10.8-3.1-10.6-18.4 0.3-21.2l492.3-126c11.3-2.9 21.4 7.6 18 18.7l-77.4 252.3c-2.7 8.8-15.1 10.1-19.7 2.1l-51.3-90.8-90.8 51.3c-8 4.5-17.6-2-15.9-10.8l34.8-188.4-213.7 54.7 213.7 61.1 19.2 80.1 32.6-78.8 240.1-4z" fill="#3296FA"/>
+              </svg>
+            </div>
             <div class="social-icon" @click="socialLogin('wechat')">
               <el-icon :size="20"><ChatDotRound /></el-icon>
             </div>
             <div class="social-icon" @click="socialLogin('qq')">
               <el-icon :size="20"><Connection /></el-icon>
             </div>
-            <div class="social-icon" @click="socialLogin('github')">
-              <el-icon :size="20"><Link /></el-icon>
-            </div>
           </div>
         </div>
+        
+        <!-- 钉钉环境中的自动登录提示 -->
+        <div v-if="isDingtalk && dingtalkLoading" class="dingtalk-loading">
+          <el-icon class="is-loading" :size="24"><Loading /></el-icon>
+          <span>正在通过钉钉自动登录...</span>
+        </div>
 
         <div class="register-link">
           还没有账号？
@@ -94,17 +108,29 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive } from 'vue'
+import { ref, reactive, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
+import { Loading } from '@element-plus/icons-vue'
 import type { FormInstance, FormRules } from 'element-plus'
-import { login } from '@/api/auth'
+import { login, dingtalkLogin, getDingtalkConfig } from '@/api/auth'
+import type { DingtalkConfig } from '@/api/auth'
 import { authManager } from '@/utils/auth'
+import { isDingtalkEnv, loadDingtalkSDK, getAuthCode, waitDingtalkReady } from '@/utils/dingtalk'
 
 const router = useRouter()
 const formRef = ref<FormInstance>()
 const loading = ref(false)
 
+// 钉钉相关状态
+const isDingtalk = ref(false)
+const dingtalkLoading = ref(false)
+const dingtalkConfig = reactive<DingtalkConfig>({
+  enabled: false,
+  corp_id: null,
+  agent_id: null
+})
+
 // 登录表单
 const loginForm = reactive({
   username: '',
@@ -192,6 +218,113 @@ const socialLogin = (type: string) => {
 const goRegister = () => {
   ElMessage.info('注册功能开发中')
 }
+
+/**
+ * 钉钉登录成功处理
+ */
+const handleDingtalkLoginSuccess = (response: any) => {
+  // 保存认证信息
+  authManager.setAccessToken(response.data.token.access_token)
+  authManager.setRefreshToken(response.data.token.refresh_token)
+  
+  const userInfo = {
+    ...response.data.user,
+    created_at: response.data.user.created_at || new Date().toISOString(),
+    updated_at: response.data.user.updated_at || new Date().toISOString()
+  }
+  authManager.setCurrentUser(userInfo)
+  
+  ElMessage.success('钉钉登录成功')
+  
+  // 跳转
+  const redirect = new URLSearchParams(window.location.search).get('redirect') || authManager.getDefaultRoute()
+  router.push(redirect)
+}
+
+/**
+ * 钉钉免密登录（在钉钉环境中自动触发）
+ */
+const autoDingtalkLogin = async () => {
+  if (!dingtalkConfig.corp_id) {
+    console.warn('钉钉CorpId未配置')
+    return
+  }
+  
+  dingtalkLoading.value = true
+  
+  try {
+    // 等待钉钉SDK就绪
+    await waitDingtalkReady()
+    
+    // 获取免登授权码
+    const code = await getAuthCode(dingtalkConfig.corp_id)
+    
+    // 调用登录API
+    const response = await dingtalkLogin({ code })
+    
+    if (response.code === 200) {
+      handleDingtalkLoginSuccess(response)
+    } else {
+      ElMessage.error(response.message || '钉钉登录失败')
+    }
+  } catch (error: any) {
+    console.error('钉钉自动登录失败:', error)
+    ElMessage.warning('钉钉自动登录失败，请使用账号密码登录')
+  } finally {
+    dingtalkLoading.value = false
+  }
+}
+
+/**
+ * 手动触发钉钉登录（非钉钉环境下点击钉钉登录按钮）
+ */
+const handleDingtalkLogin = () => {
+  if (isDingtalk.value) {
+    // 在钉钉环境中，重新触发自动登录
+    autoDingtalkLogin()
+  } else {
+    // 非钉钉环境，提示用户
+    ElMessage.info('请在钉钉客户端中打开本应用以使用免密登录')
+  }
+}
+
+/**
+ * 初始化钉钉登录
+ */
+const initDingtalkLogin = async () => {
+  try {
+    // 获取钉钉配置
+    const response = await getDingtalkConfig()
+    if (response.code === 200 && response.data) {
+      dingtalkConfig.enabled = response.data.enabled
+      dingtalkConfig.corp_id = response.data.corp_id
+      dingtalkConfig.agent_id = response.data.agent_id
+    }
+    
+    // 检测钉钉环境
+    isDingtalk.value = isDingtalkEnv()
+    
+    // 如果在钉钉环境中且钉钉登录已启用，自动触发登录
+    if (isDingtalk.value && dingtalkConfig.enabled && dingtalkConfig.corp_id) {
+      autoDingtalkLogin()
+    }
+  } catch (error) {
+    console.error('初始化钉钉登录失败:', error)
+  }
+}
+
+// 页面加载时初始化
+onMounted(async () => {
+  // 尝试加载钉钉SDK
+  try {
+    await loadDingtalkSDK()
+  } catch (e) {
+    console.log('钉钉SDK加载跳过（非必须）')
+  }
+  
+  // 初始化钉钉登录
+  initDingtalkLogin()
+})
 </script>
 
 <style lang="scss" scoped>
@@ -326,9 +459,35 @@ const goRegister = () => {
               color: #667eea;
               transform: translateY(-2px);
             }
+            
+            &.dingtalk-icon {
+              &:hover {
+                border-color: #3296FA;
+                background-color: rgba(50, 150, 250, 0.1);
+              }
+            }
           }
         }
       }
+      
+      .dingtalk-loading {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 20px;
+        margin-top: 20px;
+        color: #666;
+        
+        .el-icon {
+          margin-bottom: 12px;
+          color: #3296FA;
+        }
+        
+        span {
+          font-size: 14px;
+        }
+      }
 
       .register-link {
         text-align: center;