批量更新

2026-09-20 00:19:08 +08:00
parent fa281363fb
commit c5ed596008
47 changed files with 5385 additions and 1199 deletions
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>第三方账号绑定 - 统一认证中心</title>
+  <style>
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      min-height: 100vh; display: flex; align-items: center; justify-content: center;
+    }
+    .card {
+      background: #fff; border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,.2);
+      width: 460px; max-width: 92vw; padding: 36px 32px;
+    }
+    h1 { font-size: 20px; color: #1a1a2e; margin-bottom: 6px; }
+    .sub { font-size: 13px; color: #8a8fa3; margin-bottom: 22px; }
+    .msg {
+      padding: 10px 12px; border-radius: 6px; font-size: 13px; margin-bottom: 16px;
+    }
+    .msg.ok { background: #f0fff4; border: 1px solid #b7ebc8; color: #189a4a; }
+    .msg.err { background: #fff2f0; border: 1px solid #ffccc7; color: #cf1322; }
+    .item {
+      display: flex; align-items: center; justify-content: space-between;
+      padding: 14px 16px; border: 1px solid #e4e7ee; border-radius: 8px; margin-bottom: 10px;
+    }
+    .info .name { font-size: 15px; color: #1a1a2e; font-weight: 500; }
+    .info .meta { font-size: 12px; color: #8a8fa3; margin-top: 3px; }
+    .btn {
+      padding: 7px 16px; border-radius: 6px; border: none; cursor: pointer;
+      font-size: 13px; white-space: nowrap;
+    }
+    .btn-bind { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; }
+    .btn-unbind { background: #fff; border: 1px solid #dcdfe8; color: #8a8fa3; }
+    .btn-unbind:hover { border-color: #cf1322; color: #cf1322; }
+    .empty { text-align: center; color: #8a8fa3; font-size: 13px; padding: 24px 0; }
+    .back { text-align: center; margin-top: 18px; }
+    .back a { font-size: 13px; color: #667eea; text-decoration: none; cursor: pointer; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <h1>第三方账号绑定</h1>
+    <div class="sub">绑定后可使用对应平台一键登录</div>
+
+    {{if .Success}}<div class="msg ok">{{.Success}}</div>{{end}}
+    {{if .Error}}<div class="msg err">{{.Error}}</div>{{end}}
+
+    {{if .Providers}}
+      {{range .Providers}}
+      <div class="item">
+        <div class="info">
+          <div class="name">{{.name}}</div>
+          {{if .bound}}
+            <div class="meta">已绑定{{if .nickname}} · {{.nickname}}{{end}}</div>
+          {{else}}
+            <div class="meta">未绑定</div>
+          {{end}}
+        </div>
+        {{if .bound}}
+          <a class="btn btn-unbind" href="/auth/third/{{.provider}}/unbind">解绑</a>
+        {{else}}
+          <a class="btn btn-bind" href="/auth/third/{{.provider}}/authorize?action=bind">绑定</a>
+        {{end}}
+      </div>
+      {{end}}
+    {{else}}
+      <div class="empty">尚未开通任何第三方登录方式</div>
+    {{end}}
+
+    <div class="back"><a href="/auth/login">返回登录</a></div>
+  </div>
+</body>
+</html>
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>在线设备 - 统一认证中心</title>
+  <style>
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      min-height: 100vh; display: flex; align-items: center; justify-content: center;
+      padding: 20px 0;
+    }
+    .card {
+      background: #fff; border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,.2);
+      width: 560px; max-width: 92vw; padding: 36px 32px;
+    }
+    h1 { font-size: 20px; color: #1a1a2e; margin-bottom: 6px; }
+    .sub { font-size: 13px; color: #8a8fa3; margin-bottom: 20px; }
+    .msg { padding: 10px 12px; border-radius: 6px; font-size: 13px; margin-bottom: 16px; }
+    .msg.ok { background: #f0fff4; border: 1px solid #b7ebc8; color: #189a4a; }
+    .msg.err { background: #fff2f0; border: 1px solid #ffccc7; color: #cf1322; }
+    .item {
+      display: flex; align-items: center; justify-content: space-between;
+      padding: 14px 16px; border: 1px solid #e4e7ee; border-radius: 8px; margin-bottom: 10px;
+    }
+    .item.current { border-color: #667eea; background: #f7f8ff; }
+    .device { font-size: 15px; color: #1a1a2e; font-weight: 500; }
+    .meta { font-size: 12px; color: #8a8fa3; margin-top: 4px; line-height: 1.6; }
+    .tag {
+      display: inline-block; font-size: 11px; padding: 1px 8px; border-radius: 10px;
+      background: #eef1ff; color: #667eea; margin-left: 6px;
+    }
+    .btn {
+      padding: 7px 14px; border-radius: 6px; border: 1px solid #dcdfe8;
+      background: #fff; color: #8a8fa3; font-size: 13px; cursor: pointer; text-decoration: none;
+      white-space: nowrap;
+    }
+    .btn:hover { border-color: #cf1322; color: #cf1322; }
+    .empty { text-align: center; color: #8a8fa3; font-size: 13px; padding: 30px 0; }
+    .footer { text-align: center; margin-top: 18px; display: flex; gap: 18px; justify-content: center; }
+    .footer a { font-size: 13px; color: #667eea; text-decoration: none; cursor: pointer; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <h1>在线设备</h1>
+    <div class="sub">这里是当前账号的登录设备，发现异常可立即下线</div>
+
+    {{if .Success}}<div class="msg ok">{{.Success}}</div>{{end}}
+    {{if .Error}}<div class="msg err">{{.Error}}</div>{{end}}
+
+    {{if .Sessions}}
+      {{range .Sessions}}
+      <div class="item {{if .Current}}current{{end}}">
+        <div>
+          <div class="device">
+            {{.Device}}
+            {{if .Current}}<span class="tag">当前设备</span>{{end}}
+            {{if .Expired}}<span class="tag">已过期</span>{{end}}
+          </div>
+          <div class="meta">
+            应用：{{.Client}} · IP：{{.IP}}<br>
+            登录：{{.LoginAt}} · 最近活跃：{{.LastAt}}
+          </div>
+        </div>
+        {{if .Current}}
+          <span class="btn" style="opacity:.5;cursor:default">使用中</span>
+        {{else}}
+          <a class="btn" href="/auth/devices/kick?sid={{.Sid}}"
+             onclick="return confirm('确定将该设备下线吗？')">下线</a>
+        {{end}}
+      </div>
+      {{end}}
+    {{else}}
+      <div class="empty">暂无在线设备</div>
+    {{end}}
+
+    <div class="footer">
+      <a href="/auth/bind">第三方账号</a>
+      <a href="/auth/logout">退出登录</a>
+    </div>
+  </div>
+</body>
+</html>
@@ -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();