注册 · 聚贤超级罗盘 <div id="contact-modal" style="display:none;position:fixed;inset:0;z-index:1000; background:rgba(0,0,0,.6);align-items:center;justify-content:center"> <div style="background:#1a1d2b;border:1px solid #2a2d3e;border-radius:10px; padding:28px 32px;width:380px;max-width:92vw;color:#e8eaf2; box-shadow:0 20px 60px rgba(0,0,0,.7);position:relative"> <button id="contact-close" type="button" style="position:absolute;top:10px;right:14px;background:transparent;border:0; color:#7a8098;font-size:22px;cursor:pointer;line-height:1">×</button> <h3 style="margin:0 0 6px;color:#FFC107;font-size:16px;font-weight:700;text-align:center"> 💬 联系助教 </h3> <p style="margin:0 0 18px;color:#7a8098;font-size:11px;text-align:center"> 助教会在 24 小时内联系您 </p> <div style="text-align:center"> <img src="/dj-static/img/wx_business.jpg" alt="微信" style="width:200px;height:200px;background:#fff;object-fit:cover;border-radius:6px" onerror="this.style.display='none';"> <div style="color:#9098b0;font-size:12px;margin-top:6px">微信扫描二维码, 添加助教</div> </div> <div style="margin-top:18px"> <input id="contact-mobile" type="tel" pattern="\d+" maxlength="11" placeholder="请输入手机号" style="width:100%;padding:11px 12px;background:#0e1120;border:1px solid #2a2d3e; color:#fff;border-radius:5px;font-size:14px;outline:none;margin-bottom:10px"> <div style="display:flex;gap:10px;align-items:center;margin-bottom:10px"> <div id="contact-captcha-q" style="flex:0 0 130px;height:42px;display:flex;align-items:center;justify-content:center; background:#0e1120;border:1px solid #2a2d3e;border-radius:5px; font-family:ui-monospace,monospace;font-size:18px;font-weight:700; color:#FFC107;letter-spacing:1px;cursor:pointer;user-select:none" onclick="loadContactCaptcha()" title="点击换一题">- - -</div> <input id="contact-captcha" type="text" maxlength="3" inputmode="numeric" placeholder="题目答案" autocomplete="off" style="flex:1;padding:11px 12px;background:#0e1120;border:1px solid #2a2d3e; color:#fff;border-radius:5px;font-size:14px;outline:none; letter-spacing:2px;font-family:ui-monospace,monospace"> </div> <button id="contact-callback" type="button" style="width:100%;padding:12px;background:linear-gradient(135deg,#FFC107,#FF8C1E); color:#000;border:0;border-radius:5px;font-size:14px;font-weight:700; cursor:pointer;letter-spacing:2px">助教回拨</button> </div> </div> </div> <script> async function loadContactCaptcha() { const el = document.getElementById('contact-captcha-q'); if (!el) return; el.textContent = '...'; try { const r = await fetch('/api/auth/captcha?'+Date.now(), {cache:'no-store'}); const d = await r.json(); if (d.ok) el.textContent = d.question; else el.textContent = '加载失败'; } catch(e) { el.textContent = '加载失败'; } } (function(){ const trigger = document.getElementById('contact-trigger'); const modal = document.getElementById('contact-modal'); const close = document.getElementById('contact-close'); const cbBtn = document.getElementById('contact-callback'); const cbInp = document.getElementById('contact-mobile'); const capInp = document.getElementById('contact-captcha'); if (!trigger) return; function openModal() { modal.style.display = 'flex'; if (capInp) capInp.value = ''; loadContactCaptcha(); } trigger.addEventListener('click', openModal); close.addEventListener('click', () => modal.style.display = 'none'); modal.addEventListener('click', (e) => { if (e.target === modal) modal.style.display = 'none' }); cbBtn.addEventListener('click', async () => { const m = (cbInp.value || '').trim(); const c = (capInp.value || '').trim(); if (!/^\d{8,11}$/.test(m)) { alert('请输入有效手机号'); cbInp.focus(); return; } if (!c) { alert('请算出验证题答案'); capInp.focus(); return; } cbBtn.disabled = true; cbBtn.textContent = '提交中...'; try { const r = await fetch('/api/auth/contact-assistant', { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({mobile:m, captcha:c}) }); const d = await r.json(); cbBtn.disabled = false; cbBtn.textContent = '助教回拨'; if (d.ok) { alert('✓ ' + d.msg); modal.style.display = 'none'; } else { alert('✗ ' + d.msg); if (d.need_refresh) { capInp.value=''; loadContactCaptcha(); } } } catch (err) { cbBtn.disabled = false; cbBtn.textContent = '助教回拨'; alert('请求失败: ' + err); } }); })(); </script>