批量更新

go/views/auth/login.tpl

@@ -47,6 +47,21 @@
     .tenant-meta { font-size: 12px; color: #8a8fa3; margin-top: 3px; }
     .tenant-arrow { color: #c0c4d0; font-size: 18px; }
     .tip { text-align: center; font-size: 12px; color: #8a8fa3; margin-top: 20px; }
+    .divider {
+      position: relative; text-align: center; margin: 24px 0 14px;
+      font-size: 12px; color: #a0a5b5;
+    }
+    .divider::before {
+      content: ''; position: absolute; top: 50%; left: 0; right: 0;
+      height: 1px; background: #e4e7ee;
+    }
+    .divider span { position: relative; background: #fff; padding: 0 12px; }
+    .third-list { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
+    .third-btn {
+      padding: 8px 16px; border: 1px solid #dcdfe8; border-radius: 20px;
+      background: #fff; font-size: 13px; color: #5a6072; cursor: pointer;
+    }
+    .third-btn:hover { border-color: #667eea; color: #667eea; }
     .back { text-align: center; margin-top: 14px; }
     .back a { font-size: 13px; color: #667eea; text-decoration: none; cursor: pointer; }
   </style>
@@ -87,6 +102,12 @@
       </div>
       <button class="btn" id="submitBtn" type="submit">登 录</button>
     </form>
+
+    <!-- 第三方登录 -->
+    <div class="third-area" id="thirdArea" style="display:none">
+      <div class="divider"><span>其他登录方式</span></div>
+      <div class="third-list" id="thirdList"></div>
+    </div>
     {{end}}
 
     <div class="tip">统一身份认证 · 一次登录，全平台通行</div>
@@ -102,6 +123,34 @@
       el.style.display = 'block';
     }
 
+    // 加载已开通的第三方登录方式
+    function loadThirdProviders() {
+      fetch('/auth/third/list')
+        .then(function (r) { return r.json(); })
+        .then(function (res) {
+          var list = (res && res.data) || [];
+          var enabled = list.filter(function (i) { return i.enabled; });
+          if (!enabled.length) return;
+          var box = document.getElementById('thirdList');
+          enabled.forEach(function (item) {
+            var btn = document.createElement('button');
+            btn.className = 'third-btn';
+            btn.textContent = item.name;
+            btn.onclick = function () { startThird(item.provider); };
+            box.appendChild(btn);
+          });
+          document.getElementById('thirdArea').style.display = 'block';
+        })
+        .catch(function () { /* 静默失败，不影响账号密码登录 */ });
+    }
+
+    function startThird(provider) {
+      window.location.href = '/auth/third/' + encodeURIComponent(provider) +
+        '/authorize?redirect=' + encodeURIComponent(REDIRECT);
+    }
+
+    loadThirdProviders();
+
     function submitLogin(e) {
       e.preventDefault();
       var account = document.getElementById('account').value.trim();