feat: Vue SPA 添加 KDocs 在线状态显示 + 清理废弃模板
功能更新： - AccountsPage.vue: 工具栏显示 KDocs 在线状态（就绪/离线） - settings.js: 添加 fetchKdocsStatus API 函数 - 每60秒自动刷新状态 代码清理： - 删除废弃的 legacy 模板文件（约170KB） - templates/index.html - templates/login.html - templates/register.html - templates/reset_password.html 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -39,3 +39,8 @@ export async function updateKdocsSettings(payload) {
|
|||||||
const { data } = await publicApi.post('/user/kdocs', payload)
|
const { data } = await publicApi.post('/user/kdocs', payload)
|
||||||
return data
|
return data
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export async function fetchKdocsStatus() {
|
||||||
|
const { data } = await publicApi.get('/kdocs/status')
|
||||||
|
return data
|
||||||
|
}
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ import {
|
|||||||
updateAccount,
|
updateAccount,
|
||||||
updateAccountRemark,
|
updateAccountRemark,
|
||||||
} from '../api/accounts'
|
} from '../api/accounts'
|
||||||
import { fetchKdocsSettings, updateKdocsSettings } from '../api/settings'
|
import { fetchKdocsSettings, fetchKdocsStatus, updateKdocsSettings } from '../api/settings'
|
||||||
import { fetchRunStats } from '../api/stats'
|
import { fetchRunStats } from '../api/stats'
|
||||||
import { useSocket } from '../composables/useSocket'
|
import { useSocket } from '../composables/useSocket'
|
||||||
import { useUserStore } from '../stores/user'
|
import { useUserStore } from '../stores/user'
|
||||||
@@ -61,6 +61,14 @@ watch(batchEnableScreenshot, (value) => {
|
|||||||
const kdocsAutoUpload = ref(false)
|
const kdocsAutoUpload = ref(false)
|
||||||
const kdocsSettingsLoading = ref(false)
|
const kdocsSettingsLoading = ref(false)
|
||||||
|
|
||||||
|
// KDocs 在线状态
|
||||||
|
const kdocsStatus = reactive({
|
||||||
|
enabled: false,
|
||||||
|
online: false,
|
||||||
|
message: '',
|
||||||
|
})
|
||||||
|
const kdocsStatusLoading = ref(false)
|
||||||
|
|
||||||
const addOpen = ref(false)
|
const addOpen = ref(false)
|
||||||
const editOpen = ref(false)
|
const editOpen = ref(false)
|
||||||
const upgradeOpen = ref(false)
|
const upgradeOpen = ref(false)
|
||||||
@@ -205,6 +213,22 @@ async function loadKdocsSettings() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async function loadKdocsStatus() {
|
||||||
|
kdocsStatusLoading.value = true
|
||||||
|
try {
|
||||||
|
const data = await fetchKdocsStatus()
|
||||||
|
kdocsStatus.enabled = Boolean(data?.enabled)
|
||||||
|
kdocsStatus.online = Boolean(data?.online)
|
||||||
|
kdocsStatus.message = data?.message || ''
|
||||||
|
} catch {
|
||||||
|
kdocsStatus.enabled = false
|
||||||
|
kdocsStatus.online = false
|
||||||
|
kdocsStatus.message = ''
|
||||||
|
} finally {
|
||||||
|
kdocsStatusLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
async function onToggleKdocsAutoUpload(value) {
|
async function onToggleKdocsAutoUpload(value) {
|
||||||
kdocsSettingsLoading.value = true
|
kdocsSettingsLoading.value = true
|
||||||
try {
|
try {
|
||||||
@@ -542,6 +566,8 @@ watch(shouldPollStats, (running, prevRunning) => {
|
|||||||
syncStatsPolling(prevRunning)
|
syncStatsPolling(prevRunning)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
let kdocsStatusTimer = null
|
||||||
|
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
if (!userStore.vipInfo) {
|
if (!userStore.vipInfo) {
|
||||||
userStore.refreshVipInfo().catch(() => {
|
userStore.refreshVipInfo().catch(() => {
|
||||||
@@ -553,13 +579,18 @@ onMounted(async () => {
|
|||||||
|
|
||||||
await refreshAccounts()
|
await refreshAccounts()
|
||||||
await loadKdocsSettings()
|
await loadKdocsSettings()
|
||||||
|
await loadKdocsStatus()
|
||||||
await refreshStats()
|
await refreshStats()
|
||||||
syncStatsPolling()
|
syncStatsPolling()
|
||||||
|
|
||||||
|
// 每60秒刷新 KDocs 状态
|
||||||
|
kdocsStatusTimer = window.setInterval(() => loadKdocsStatus(), 60_000)
|
||||||
})
|
})
|
||||||
|
|
||||||
onBeforeUnmount(() => {
|
onBeforeUnmount(() => {
|
||||||
if (unbindSocket) unbindSocket()
|
if (unbindSocket) unbindSocket()
|
||||||
stopStatsPolling()
|
stopStatsPolling()
|
||||||
|
if (kdocsStatusTimer) window.clearInterval(kdocsStatusTimer)
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -650,6 +681,9 @@ onBeforeUnmount(() => {
|
|||||||
@change="onToggleKdocsAutoUpload"
|
@change="onToggleKdocsAutoUpload"
|
||||||
/>
|
/>
|
||||||
<span class="app-muted">表格(测试)</span>
|
<span class="app-muted">表格(测试)</span>
|
||||||
|
<el-tag v-if="kdocsStatus.enabled" :type="kdocsStatus.online ? 'success' : 'warning'" size="small" effect="plain">
|
||||||
|
{{ kdocsStatus.online ? '✅ 就绪' : '⚠️ 离线' }}
|
||||||
|
</el-tag>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="toolbar-right">
|
<div class="toolbar-right">
|
||||||
|
|||||||
@@ -1,20 +1,20 @@
|
|||||||
{
|
{
|
||||||
"_accounts--hQB0HMJ.js": {
|
"_accounts-DOetW5YJ.js": {
|
||||||
"file": "assets/accounts--hQB0HMJ.js",
|
"file": "assets/accounts-DOetW5YJ.js",
|
||||||
"name": "accounts",
|
"name": "accounts",
|
||||||
"imports": [
|
"imports": [
|
||||||
"index.html"
|
"index.html"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"_auth-Cm-kEDXF.js": {
|
"_auth-Hh1F6LOW.js": {
|
||||||
"file": "assets/auth-Cm-kEDXF.js",
|
"file": "assets/auth-Hh1F6LOW.js",
|
||||||
"name": "auth",
|
"name": "auth",
|
||||||
"imports": [
|
"imports": [
|
||||||
"index.html"
|
"index.html"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"index.html": {
|
"index.html": {
|
||||||
"file": "assets/index-D7kwaKcv.js",
|
"file": "assets/index-7hTgh8K-.js",
|
||||||
"name": "index",
|
"name": "index",
|
||||||
"src": "index.html",
|
"src": "index.html",
|
||||||
"isEntry": true,
|
"isEntry": true,
|
||||||
@@ -32,64 +32,64 @@
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
"src/pages/AccountsPage.vue": {
|
"src/pages/AccountsPage.vue": {
|
||||||
"file": "assets/AccountsPage-DOK2DZIQ.js",
|
"file": "assets/AccountsPage-D8z2pFq6.js",
|
||||||
"name": "AccountsPage",
|
"name": "AccountsPage",
|
||||||
"src": "src/pages/AccountsPage.vue",
|
"src": "src/pages/AccountsPage.vue",
|
||||||
"isDynamicEntry": true,
|
"isDynamicEntry": true,
|
||||||
"imports": [
|
"imports": [
|
||||||
"_accounts--hQB0HMJ.js",
|
"_accounts-DOetW5YJ.js",
|
||||||
"index.html"
|
"index.html"
|
||||||
],
|
],
|
||||||
"css": [
|
"css": [
|
||||||
"assets/AccountsPage-Cwi1Wpgg.css"
|
"assets/AccountsPage-CMc3b3Am.css"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"src/pages/LoginPage.vue": {
|
"src/pages/LoginPage.vue": {
|
||||||
"file": "assets/LoginPage-Bh9f42Ek.js",
|
"file": "assets/LoginPage-CdYvfyH1.js",
|
||||||
"name": "LoginPage",
|
"name": "LoginPage",
|
||||||
"src": "src/pages/LoginPage.vue",
|
"src": "src/pages/LoginPage.vue",
|
||||||
"isDynamicEntry": true,
|
"isDynamicEntry": true,
|
||||||
"imports": [
|
"imports": [
|
||||||
"index.html",
|
"index.html",
|
||||||
"_auth-Cm-kEDXF.js"
|
"_auth-Hh1F6LOW.js"
|
||||||
],
|
],
|
||||||
"css": [
|
"css": [
|
||||||
"assets/LoginPage-CnwOLKJz.css"
|
"assets/LoginPage-CnwOLKJz.css"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"src/pages/RegisterPage.vue": {
|
"src/pages/RegisterPage.vue": {
|
||||||
"file": "assets/RegisterPage-DXsTO3Cf.js",
|
"file": "assets/RegisterPage-9AQGZ_pd.js",
|
||||||
"name": "RegisterPage",
|
"name": "RegisterPage",
|
||||||
"src": "src/pages/RegisterPage.vue",
|
"src": "src/pages/RegisterPage.vue",
|
||||||
"isDynamicEntry": true,
|
"isDynamicEntry": true,
|
||||||
"imports": [
|
"imports": [
|
||||||
"index.html",
|
"index.html",
|
||||||
"_auth-Cm-kEDXF.js"
|
"_auth-Hh1F6LOW.js"
|
||||||
],
|
],
|
||||||
"css": [
|
"css": [
|
||||||
"assets/RegisterPage-BOcNcW5D.css"
|
"assets/RegisterPage-BOcNcW5D.css"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"src/pages/ResetPasswordPage.vue": {
|
"src/pages/ResetPasswordPage.vue": {
|
||||||
"file": "assets/ResetPasswordPage-CbAWo2Ml.js",
|
"file": "assets/ResetPasswordPage-Dii_hXu1.js",
|
||||||
"name": "ResetPasswordPage",
|
"name": "ResetPasswordPage",
|
||||||
"src": "src/pages/ResetPasswordPage.vue",
|
"src": "src/pages/ResetPasswordPage.vue",
|
||||||
"isDynamicEntry": true,
|
"isDynamicEntry": true,
|
||||||
"imports": [
|
"imports": [
|
||||||
"index.html",
|
"index.html",
|
||||||
"_auth-Cm-kEDXF.js"
|
"_auth-Hh1F6LOW.js"
|
||||||
],
|
],
|
||||||
"css": [
|
"css": [
|
||||||
"assets/ResetPasswordPage-DybfLMAw.css"
|
"assets/ResetPasswordPage-DybfLMAw.css"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"src/pages/SchedulesPage.vue": {
|
"src/pages/SchedulesPage.vue": {
|
||||||
"file": "assets/SchedulesPage-CmS2H_0Y.js",
|
"file": "assets/SchedulesPage-DH01Lsib.js",
|
||||||
"name": "SchedulesPage",
|
"name": "SchedulesPage",
|
||||||
"src": "src/pages/SchedulesPage.vue",
|
"src": "src/pages/SchedulesPage.vue",
|
||||||
"isDynamicEntry": true,
|
"isDynamicEntry": true,
|
||||||
"imports": [
|
"imports": [
|
||||||
"_accounts--hQB0HMJ.js",
|
"_accounts-DOetW5YJ.js",
|
||||||
"index.html"
|
"index.html"
|
||||||
],
|
],
|
||||||
"css": [
|
"css": [
|
||||||
@@ -97,7 +97,7 @@
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
"src/pages/ScreenshotsPage.vue": {
|
"src/pages/ScreenshotsPage.vue": {
|
||||||
"file": "assets/ScreenshotsPage-BU4GP4nV.js",
|
"file": "assets/ScreenshotsPage-omyYT14c.js",
|
||||||
"name": "ScreenshotsPage",
|
"name": "ScreenshotsPage",
|
||||||
"src": "src/pages/ScreenshotsPage.vue",
|
"src": "src/pages/ScreenshotsPage.vue",
|
||||||
"isDynamicEntry": true,
|
"isDynamicEntry": true,
|
||||||
@@ -109,7 +109,7 @@
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
"src/pages/VerifyResultPage.vue": {
|
"src/pages/VerifyResultPage.vue": {
|
||||||
"file": "assets/VerifyResultPage-DUMGEC2F.js",
|
"file": "assets/VerifyResultPage-C15J2JVk.js",
|
||||||
"name": "VerifyResultPage",
|
"name": "VerifyResultPage",
|
||||||
"src": "src/pages/VerifyResultPage.vue",
|
"src": "src/pages/VerifyResultPage.vue",
|
||||||
"isDynamicEntry": true,
|
"isDynamicEntry": true,
|
||||||
|
|||||||
1
static/app/assets/AccountsPage-CMc3b3Am.css
Normal file
1
static/app/assets/AccountsPage-CMc3b3Am.css
Normal file
@@ -0,0 +1 @@
|
|||||||
|
.page[data-v-f1b86f5d]{display:flex;flex-direction:column;gap:12px}.stat-card[data-v-f1b86f5d],.panel[data-v-f1b86f5d]{border-radius:var(--app-radius);border:1px solid var(--app-border)}.stat-label[data-v-f1b86f5d]{font-size:12px}.stat-value[data-v-f1b86f5d]{margin-top:6px;font-size:22px;font-weight:900;letter-spacing:.2px}.stat-suffix[data-v-f1b86f5d]{margin-left:6px;font-size:12px;font-weight:600}.upgrade-banner[data-v-f1b86f5d]{border-radius:var(--app-radius);border:1px solid var(--app-border)}.upgrade-actions[data-v-f1b86f5d]{margin-top:10px}.panel-head[data-v-f1b86f5d]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.panel-title[data-v-f1b86f5d]{font-size:16px;font-weight:900}.panel-actions[data-v-f1b86f5d]{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.toolbar[data-v-f1b86f5d]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px;border:1px dashed rgba(17,24,39,.14);border-radius:12px;background:#f6f7fb99}.toolbar-left[data-v-f1b86f5d],.toolbar-middle[data-v-f1b86f5d],.toolbar-right[data-v-f1b86f5d]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-right[data-v-f1b86f5d]{margin-left:auto;justify-content:flex-end}.grid[data-v-f1b86f5d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;align-items:start}.account-card[data-v-f1b86f5d]{border-radius:14px;border:1px solid var(--app-border)}.card-top[data-v-f1b86f5d]{display:flex;gap:10px}.card-check[data-v-f1b86f5d]{padding-top:2px}.card-main[data-v-f1b86f5d]{min-width:0;flex:1}.card-title[data-v-f1b86f5d]{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-name[data-v-f1b86f5d]{font-size:14px;font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sub[data-v-f1b86f5d]{margin-top:6px;font-size:12px;line-height:1.4;word-break:break-word}.progress[data-v-f1b86f5d]{margin-top:12px}.progress-meta[data-v-f1b86f5d]{margin-top:6px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.card-controls[data-v-f1b86f5d]{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-buttons[data-v-f1b86f5d]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.vip-body[data-v-f1b86f5d]{padding:12px 0 0}.vip-tip[data-v-f1b86f5d]{margin-top:10px;font-size:13px;line-height:1.6}@media(max-width:480px){.grid[data-v-f1b86f5d]{grid-template-columns:1fr}}@media(max-width:768px){.panel-actions[data-v-f1b86f5d]{width:100%;justify-content:flex-end}.toolbar-left[data-v-f1b86f5d],.toolbar-middle[data-v-f1b86f5d],.toolbar-right[data-v-f1b86f5d]{width:100%}.toolbar-right[data-v-f1b86f5d]{margin-left:0;justify-content:flex-end}}
|
||||||
@@ -1 +0,0 @@
|
|||||||
.page[data-v-ceefeac8]{display:flex;flex-direction:column;gap:12px}.stat-card[data-v-ceefeac8],.panel[data-v-ceefeac8]{border-radius:var(--app-radius);border:1px solid var(--app-border)}.stat-label[data-v-ceefeac8]{font-size:12px}.stat-value[data-v-ceefeac8]{margin-top:6px;font-size:22px;font-weight:900;letter-spacing:.2px}.stat-suffix[data-v-ceefeac8]{margin-left:6px;font-size:12px;font-weight:600}.upgrade-banner[data-v-ceefeac8]{border-radius:var(--app-radius);border:1px solid var(--app-border)}.upgrade-actions[data-v-ceefeac8]{margin-top:10px}.panel-head[data-v-ceefeac8]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.panel-title[data-v-ceefeac8]{font-size:16px;font-weight:900}.panel-actions[data-v-ceefeac8]{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.toolbar[data-v-ceefeac8]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px;border:1px dashed rgba(17,24,39,.14);border-radius:12px;background:#f6f7fb99}.toolbar-left[data-v-ceefeac8],.toolbar-middle[data-v-ceefeac8],.toolbar-right[data-v-ceefeac8]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-right[data-v-ceefeac8]{margin-left:auto;justify-content:flex-end}.grid[data-v-ceefeac8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;align-items:start}.account-card[data-v-ceefeac8]{border-radius:14px;border:1px solid var(--app-border)}.card-top[data-v-ceefeac8]{display:flex;gap:10px}.card-check[data-v-ceefeac8]{padding-top:2px}.card-main[data-v-ceefeac8]{min-width:0;flex:1}.card-title[data-v-ceefeac8]{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-name[data-v-ceefeac8]{font-size:14px;font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sub[data-v-ceefeac8]{margin-top:6px;font-size:12px;line-height:1.4;word-break:break-word}.progress[data-v-ceefeac8]{margin-top:12px}.progress-meta[data-v-ceefeac8]{margin-top:6px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.card-controls[data-v-ceefeac8]{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-buttons[data-v-ceefeac8]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.vip-body[data-v-ceefeac8]{padding:12px 0 0}.vip-tip[data-v-ceefeac8]{margin-top:10px;font-size:13px;line-height:1.6}@media(max-width:480px){.grid[data-v-ceefeac8]{grid-template-columns:1fr}}@media(max-width:768px){.panel-actions[data-v-ceefeac8]{width:100%;justify-content:flex-end}.toolbar-left[data-v-ceefeac8],.toolbar-middle[data-v-ceefeac8],.toolbar-right[data-v-ceefeac8]{width:100%}.toolbar-right[data-v-ceefeac8]{margin-left:0;justify-content:flex-end}}
|
|
||||||
1
static/app/assets/AccountsPage-D8z2pFq6.js
Normal file
1
static/app/assets/AccountsPage-D8z2pFq6.js
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
|||||||
import{_ as M,r as j,a as d,c as B,o as A,b as U,d as l,w as o,e as v,u as H,f as b,g as n,h as N,i as E,j as P,t as q,k as S,E as c,v as z}from"./index-D7kwaKcv.js";import{g as F,f as G,b as J}from"./auth-Cm-kEDXF.js";const O={class:"auth-wrap"},Q={class:"hint app-muted"},W={class:"captcha-row"},X=["src"],Y={class:"actions"},Z={__name:"RegisterPage",setup($){const T=H(),a=j({username:"",password:"",confirm_password:"",email:"",captcha:""}),f=d(!1),w=d(""),h=d(""),V=d(!1),t=d(""),_=d(""),k=d(""),K=B(()=>f.value?"邮箱 *":"邮箱（可选）"),R=B(()=>f.value?"必填，用于账号验证":"选填，用于找回密码和接收通知");async function y(){try{const u=await F();h.value=u?.session_id||"",w.value=u?.captcha_image||"",a.captcha=""}catch{h.value="",w.value=""}}async function D(){try{const u=await G();f.value=!!u?.register_verify_enabled}catch{f.value=!1}}function I(){t.value="",_.value="",k.value=""}async function C(){I();const u=a.username.trim(),e=a.password,g=a.confirm_password,s=a.email.trim(),i=a.captcha.trim();if(u.length<3){t.value="用户名至少3个字符",c.error(t.value);return}const p=z(e);if(!p.ok){t.value=p.message||"密码格式不正确",c.error(t.value);return}if(e!==g){t.value="两次输入的密码不一致",c.error(t.value);return}if(f.value&&!s){t.value="请填写邮箱地址用于账号验证",c.error(t.value);return}if(s&&!s.includes("@")){t.value="邮箱格式不正确",c.error(t.value);return}if(!i){t.value="请输入验证码",c.error(t.value);return}V.value=!0;try{const m=await J({username:u,password:e,email:s,captcha_session:h.value,captcha:i});_.value=m?.message||"注册成功",k.value=m?.need_verify?"请检查您的邮箱（包括垃圾邮件文件夹）":"",c.success("注册成功"),a.username="",a.password="",a.confirm_password="",a.email="",a.captcha="",setTimeout(()=>{window.location.href="/login"},3e3)}catch(m){const x=m?.response?.data;t.value=x?.error||"注册失败",c.error(t.value),await y()}finally{V.value=!1}}function L(){T.push("/login")}return A(async()=>{await y(),await D()}),(u,e)=>{const g=v("el-alert"),s=v("el-input"),i=v("el-form-item"),p=v("el-button"),m=v("el-form"),x=v("el-card");return b(),U("div",O,[l(x,{shadow:"never",class:"auth-card","body-style":{padding:"22px"}},{default:o(()=>[e[11]||(e[11]=n("div",{class:"brand"},[n("div",{class:"brand-title"},"知识管理平台"),n("div",{class:"brand-sub app-muted"},"用户注册")],-1)),t.value?(b(),N(g,{key:0,type:"error",closable:!1,title:t.value,"show-icon":"",class:"alert"},null,8,["title"])):E("",!0),_.value?(b(),N(g,{key:1,type:"success",closable:!1,title:_.value,description:k.value,"show-icon":"",class:"alert"},null,8,["title","description"])):E("",!0),l(m,{"label-position":"top"},{default:o(()=>[l(i,{label:"用户名 *"},{default:o(()=>[l(s,{modelValue:a.username,"onUpdate:modelValue":e[0]||(e[0]=r=>a.username=r),placeholder:"至少3个字符",autocomplete:"username"},null,8,["modelValue"]),e[5]||(e[5]=n("div",{class:"hint app-muted"},"至少3个字符",-1))]),_:1}),l(i,{label:"密码 *"},{default:o(()=>[l(s,{modelValue:a.password,"onUpdate:modelValue":e[1]||(e[1]=r=>a.password=r),type:"password","show-password":"",placeholder:"至少8位且包含字母和数字",autocomplete:"new-password"},null,8,["modelValue"]),e[6]||(e[6]=n("div",{class:"hint app-muted"},"至少8位且包含字母和数字",-1))]),_:1}),l(i,{label:"确认密码 *"},{default:o(()=>[l(s,{modelValue:a.confirm_password,"onUpdate:modelValue":e[2]||(e[2]=r=>a.confirm_password=r),type:"password","show-password":"",placeholder:"请再次输入密码",autocomplete:"new-password",onKeyup:P(C,["enter"])},null,8,["modelValue"])]),_:1}),l(i,{label:K.value},{default:o(()=>[l(s,{modelValue:a.email,"onUpdate:modelValue":e[3]||(e[3]=r=>a.email=r),placeholder:"name@example.com",autocomplete:"email"},null,8,["modelValue"]),n("div",Q,q(R.value),1)]),_:1},8,["label"]),l(i,{label:"验证码 *"},{default:o(()=>[n("div",W,[l(s,{modelValue:a.captcha,"onUpdate:modelValue":e[4]||(e[4]=r=>a.captcha=r),placeholder:"请输入验证码",onKeyup:P(C,["enter"])},null,8,["modelValue"]),w.value?(b(),U("img",{key:0,class:"captcha-img",src:w.value,alt:"验证码",title:"点击刷新",onClick:y},null,8,X)):E("",!0),l(p,{onClick:y},{default:o(()=>[...e[7]||(e[7]=[S("刷新",-1)])]),_:1})])]),_:1})]),_:1}),l(p,{type:"primary",class:"submit-btn",loading:V.value,onClick:C},{default:o(()=>[...e[8]||(e[8]=[S("注册",-1)])]),_:1},8,["loading"]),n("div",Y,[e[10]||(e[10]=n("span",{class:"app-muted"},"已有账号？",-1)),l(p,{link:"",type:"primary",onClick:L},{default:o(()=>[...e[9]||(e[9]=[S("立即登录",-1)])]),_:1})])]),_:1})])}}},te=M(Z,[["__scopeId","data-v-a9d7804f"]]);export{te as default};
|
import{_ as M,r as j,a as d,c as B,o as A,b as U,d as l,w as o,e as v,u as H,f as b,g as n,h as N,i as E,j as P,t as q,k as S,E as c,v as z}from"./index-7hTgh8K-.js";import{g as F,f as G,b as J}from"./auth-Hh1F6LOW.js";const O={class:"auth-wrap"},Q={class:"hint app-muted"},W={class:"captcha-row"},X=["src"],Y={class:"actions"},Z={__name:"RegisterPage",setup($){const T=H(),a=j({username:"",password:"",confirm_password:"",email:"",captcha:""}),f=d(!1),w=d(""),h=d(""),V=d(!1),t=d(""),_=d(""),k=d(""),K=B(()=>f.value?"邮箱 *":"邮箱（可选）"),R=B(()=>f.value?"必填，用于账号验证":"选填，用于找回密码和接收通知");async function y(){try{const u=await F();h.value=u?.session_id||"",w.value=u?.captcha_image||"",a.captcha=""}catch{h.value="",w.value=""}}async function D(){try{const u=await G();f.value=!!u?.register_verify_enabled}catch{f.value=!1}}function I(){t.value="",_.value="",k.value=""}async function C(){I();const u=a.username.trim(),e=a.password,g=a.confirm_password,s=a.email.trim(),i=a.captcha.trim();if(u.length<3){t.value="用户名至少3个字符",c.error(t.value);return}const p=z(e);if(!p.ok){t.value=p.message||"密码格式不正确",c.error(t.value);return}if(e!==g){t.value="两次输入的密码不一致",c.error(t.value);return}if(f.value&&!s){t.value="请填写邮箱地址用于账号验证",c.error(t.value);return}if(s&&!s.includes("@")){t.value="邮箱格式不正确",c.error(t.value);return}if(!i){t.value="请输入验证码",c.error(t.value);return}V.value=!0;try{const m=await J({username:u,password:e,email:s,captcha_session:h.value,captcha:i});_.value=m?.message||"注册成功",k.value=m?.need_verify?"请检查您的邮箱（包括垃圾邮件文件夹）":"",c.success("注册成功"),a.username="",a.password="",a.confirm_password="",a.email="",a.captcha="",setTimeout(()=>{window.location.href="/login"},3e3)}catch(m){const x=m?.response?.data;t.value=x?.error||"注册失败",c.error(t.value),await y()}finally{V.value=!1}}function L(){T.push("/login")}return A(async()=>{await y(),await D()}),(u,e)=>{const g=v("el-alert"),s=v("el-input"),i=v("el-form-item"),p=v("el-button"),m=v("el-form"),x=v("el-card");return b(),U("div",O,[l(x,{shadow:"never",class:"auth-card","body-style":{padding:"22px"}},{default:o(()=>[e[11]||(e[11]=n("div",{class:"brand"},[n("div",{class:"brand-title"},"知识管理平台"),n("div",{class:"brand-sub app-muted"},"用户注册")],-1)),t.value?(b(),N(g,{key:0,type:"error",closable:!1,title:t.value,"show-icon":"",class:"alert"},null,8,["title"])):E("",!0),_.value?(b(),N(g,{key:1,type:"success",closable:!1,title:_.value,description:k.value,"show-icon":"",class:"alert"},null,8,["title","description"])):E("",!0),l(m,{"label-position":"top"},{default:o(()=>[l(i,{label:"用户名 *"},{default:o(()=>[l(s,{modelValue:a.username,"onUpdate:modelValue":e[0]||(e[0]=r=>a.username=r),placeholder:"至少3个字符",autocomplete:"username"},null,8,["modelValue"]),e[5]||(e[5]=n("div",{class:"hint app-muted"},"至少3个字符",-1))]),_:1}),l(i,{label:"密码 *"},{default:o(()=>[l(s,{modelValue:a.password,"onUpdate:modelValue":e[1]||(e[1]=r=>a.password=r),type:"password","show-password":"",placeholder:"至少8位且包含字母和数字",autocomplete:"new-password"},null,8,["modelValue"]),e[6]||(e[6]=n("div",{class:"hint app-muted"},"至少8位且包含字母和数字",-1))]),_:1}),l(i,{label:"确认密码 *"},{default:o(()=>[l(s,{modelValue:a.confirm_password,"onUpdate:modelValue":e[2]||(e[2]=r=>a.confirm_password=r),type:"password","show-password":"",placeholder:"请再次输入密码",autocomplete:"new-password",onKeyup:P(C,["enter"])},null,8,["modelValue"])]),_:1}),l(i,{label:K.value},{default:o(()=>[l(s,{modelValue:a.email,"onUpdate:modelValue":e[3]||(e[3]=r=>a.email=r),placeholder:"name@example.com",autocomplete:"email"},null,8,["modelValue"]),n("div",Q,q(R.value),1)]),_:1},8,["label"]),l(i,{label:"验证码 *"},{default:o(()=>[n("div",W,[l(s,{modelValue:a.captcha,"onUpdate:modelValue":e[4]||(e[4]=r=>a.captcha=r),placeholder:"请输入验证码",onKeyup:P(C,["enter"])},null,8,["modelValue"]),w.value?(b(),U("img",{key:0,class:"captcha-img",src:w.value,alt:"验证码",title:"点击刷新",onClick:y},null,8,X)):E("",!0),l(p,{onClick:y},{default:o(()=>[...e[7]||(e[7]=[S("刷新",-1)])]),_:1})])]),_:1})]),_:1}),l(p,{type:"primary",class:"submit-btn",loading:V.value,onClick:C},{default:o(()=>[...e[8]||(e[8]=[S("注册",-1)])]),_:1},8,["loading"]),n("div",Y,[e[10]||(e[10]=n("span",{class:"app-muted"},"已有账号？",-1)),l(p,{link:"",type:"primary",onClick:L},{default:o(()=>[...e[9]||(e[9]=[S("立即登录",-1)])]),_:1})])]),_:1})])}}},te=M(Z,[["__scopeId","data-v-a9d7804f"]]);export{te as default};
|
||||||
@@ -1 +1 @@
|
|||||||
import{_ as L,a as n,l as M,r as U,c as j,o as F,m as K,b as v,d as s,w as a,e as l,u as D,f as w,g as m,F as T,k,h as q,i as x,j as z,t as G,v as H,E as y}from"./index-D7kwaKcv.js";import{c as J}from"./auth-Cm-kEDXF.js";const O={class:"auth-wrap"},Q={class:"actions"},W={class:"actions"},X={key:0,class:"app-muted"},Y={__name:"ResetPasswordPage",setup(Z){const B=M(),A=D(),r=n(String(B.params.token||"")),i=n(!0),b=n(""),t=U({newPassword:"",confirmPassword:""}),g=n(!1),_=n(""),d=n(0);let u=null;function C(){if(typeof window>"u")return null;const o=window.__APP_INITIAL_STATE__;return!o||typeof o!="object"?null:(window.__APP_INITIAL_STATE__=null,o)}const I=j(()=>!!(i.value&&r.value&&!_.value));function S(){A.push("/login")}function N(){d.value=3,u=window.setInterval(()=>{d.value-=1,d.value<=0&&(window.clearInterval(u),u=null,window.location.href="/login")},1e3)}async function V(){if(!I.value)return;const o=t.newPassword,e=t.confirmPassword,c=H(o);if(!c.ok){y.error(c.message);return}if(o!==e){y.error("两次输入的密码不一致");return}g.value=!0;try{await J({token:r.value,new_password:o}),_.value="密码重置成功！3秒后跳转到登录页面...",y.success("密码重置成功"),N()}catch(p){const f=p?.response?.data;y.error(f?.error||"重置失败")}finally{g.value=!1}}return F(()=>{const o=C();o?.page==="reset_password"?(r.value=String(o?.token||r.value||""),i.value=!!o?.valid,b.value=o?.error_message||(i.value?"":"重置链接无效或已过期，请重新申请密码重置")):r.value||(i.value=!1,b.value="重置链接无效或已过期，请重新申请密码重置")}),K(()=>{u&&window.clearInterval(u)}),(o,e)=>{const c=l("el-alert"),p=l("el-button"),f=l("el-input"),h=l("el-form-item"),R=l("el-form"),E=l("el-card");return w(),v("div",O,[s(E,{shadow:"never",class:"auth-card","body-style":{padding:"22px"}},{default:a(()=>[e[5]||(e[5]=m("div",{class:"brand"},[m("div",{class:"brand-title"},"知识管理平台"),m("div",{class:"brand-sub app-muted"},"重置密码")],-1)),i.value?(w(),v(T,{key:1},[_.value?(w(),q(c,{key:0,type:"success",closable:!1,title:"重置成功",description:_.value,"show-icon":"",class:"alert"},null,8,["description"])):x("",!0),s(R,{"label-position":"top"},{default:a(()=>[s(h,{label:"新密码（至少8位且包含字母和数字）"},{default:a(()=>[s(f,{modelValue:t.newPassword,"onUpdate:modelValue":e[0]||(e[0]=P=>t.newPassword=P),type:"password","show-password":"",placeholder:"请输入新密码",autocomplete:"new-password"},null,8,["modelValue"])]),_:1}),s(h,{label:"确认密码"},{default:a(()=>[s(f,{modelValue:t.confirmPassword,"onUpdate:modelValue":e[1]||(e[1]=P=>t.confirmPassword=P),type:"password","show-password":"",placeholder:"请再次输入新密码",autocomplete:"new-password",onKeyup:z(V,["enter"])},null,8,["modelValue"])]),_:1})]),_:1}),s(p,{type:"primary",class:"submit-btn",loading:g.value,disabled:!I.value,onClick:V},{default:a(()=>[...e[3]||(e[3]=[k(" 确认重置 ",-1)])]),_:1},8,["loading","disabled"]),m("div",W,[s(p,{link:"",type:"primary",onClick:S},{default:a(()=>[...e[4]||(e[4]=[k("返回登录",-1)])]),_:1}),d.value>0?(w(),v("span",X,G(d.value)+" 秒后自动跳转…",1)):x("",!0)])],64)):(w(),v(T,{key:0},[s(c,{type:"error",closable:!1,title:"链接已失效",description:b.value,"show-icon":""},null,8,["description"]),m("div",Q,[s(p,{type:"primary",onClick:S},{default:a(()=>[...e[2]||(e[2]=[k("返回登录",-1)])]),_:1})])],64))]),_:1})])}}},oe=L(Y,[["__scopeId","data-v-0bbb511c"]]);export{oe as default};
|
import{_ as L,a as n,l as M,r as U,c as j,o as F,m as K,b as v,d as s,w as a,e as l,u as D,f as w,g as m,F as T,k,h as q,i as x,j as z,t as G,v as H,E as y}from"./index-7hTgh8K-.js";import{c as J}from"./auth-Hh1F6LOW.js";const O={class:"auth-wrap"},Q={class:"actions"},W={class:"actions"},X={key:0,class:"app-muted"},Y={__name:"ResetPasswordPage",setup(Z){const B=M(),A=D(),r=n(String(B.params.token||"")),i=n(!0),b=n(""),t=U({newPassword:"",confirmPassword:""}),g=n(!1),_=n(""),d=n(0);let u=null;function C(){if(typeof window>"u")return null;const o=window.__APP_INITIAL_STATE__;return!o||typeof o!="object"?null:(window.__APP_INITIAL_STATE__=null,o)}const I=j(()=>!!(i.value&&r.value&&!_.value));function S(){A.push("/login")}function N(){d.value=3,u=window.setInterval(()=>{d.value-=1,d.value<=0&&(window.clearInterval(u),u=null,window.location.href="/login")},1e3)}async function V(){if(!I.value)return;const o=t.newPassword,e=t.confirmPassword,c=H(o);if(!c.ok){y.error(c.message);return}if(o!==e){y.error("两次输入的密码不一致");return}g.value=!0;try{await J({token:r.value,new_password:o}),_.value="密码重置成功！3秒后跳转到登录页面...",y.success("密码重置成功"),N()}catch(p){const f=p?.response?.data;y.error(f?.error||"重置失败")}finally{g.value=!1}}return F(()=>{const o=C();o?.page==="reset_password"?(r.value=String(o?.token||r.value||""),i.value=!!o?.valid,b.value=o?.error_message||(i.value?"":"重置链接无效或已过期，请重新申请密码重置")):r.value||(i.value=!1,b.value="重置链接无效或已过期，请重新申请密码重置")}),K(()=>{u&&window.clearInterval(u)}),(o,e)=>{const c=l("el-alert"),p=l("el-button"),f=l("el-input"),h=l("el-form-item"),R=l("el-form"),E=l("el-card");return w(),v("div",O,[s(E,{shadow:"never",class:"auth-card","body-style":{padding:"22px"}},{default:a(()=>[e[5]||(e[5]=m("div",{class:"brand"},[m("div",{class:"brand-title"},"知识管理平台"),m("div",{class:"brand-sub app-muted"},"重置密码")],-1)),i.value?(w(),v(T,{key:1},[_.value?(w(),q(c,{key:0,type:"success",closable:!1,title:"重置成功",description:_.value,"show-icon":"",class:"alert"},null,8,["description"])):x("",!0),s(R,{"label-position":"top"},{default:a(()=>[s(h,{label:"新密码（至少8位且包含字母和数字）"},{default:a(()=>[s(f,{modelValue:t.newPassword,"onUpdate:modelValue":e[0]||(e[0]=P=>t.newPassword=P),type:"password","show-password":"",placeholder:"请输入新密码",autocomplete:"new-password"},null,8,["modelValue"])]),_:1}),s(h,{label:"确认密码"},{default:a(()=>[s(f,{modelValue:t.confirmPassword,"onUpdate:modelValue":e[1]||(e[1]=P=>t.confirmPassword=P),type:"password","show-password":"",placeholder:"请再次输入新密码",autocomplete:"new-password",onKeyup:z(V,["enter"])},null,8,["modelValue"])]),_:1})]),_:1}),s(p,{type:"primary",class:"submit-btn",loading:g.value,disabled:!I.value,onClick:V},{default:a(()=>[...e[3]||(e[3]=[k(" 确认重置 ",-1)])]),_:1},8,["loading","disabled"]),m("div",W,[s(p,{link:"",type:"primary",onClick:S},{default:a(()=>[...e[4]||(e[4]=[k("返回登录",-1)])]),_:1}),d.value>0?(w(),v("span",X,G(d.value)+" 秒后自动跳转…",1)):x("",!0)])],64)):(w(),v(T,{key:0},[s(c,{type:"error",closable:!1,title:"链接已失效",description:b.value,"show-icon":""},null,8,["description"]),m("div",Q,[s(p,{type:"primary",onClick:S},{default:a(()=>[...e[2]||(e[2]=[k("返回登录",-1)])]),_:1})])],64))]),_:1})])}}},oe=L(Y,[["__scopeId","data-v-0bbb511c"]]);export{oe as default};
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
|||||||
import{_ as U,a as o,c as I,o as E,m as R,b as k,d as i,w as s,e as d,u as W,f as _,g as l,i as B,h as $,k as T,t as v}from"./index-D7kwaKcv.js";const j={class:"auth-wrap"},z={class:"actions"},D={key:0,class:"countdown app-muted"},M={__name:"VerifyResultPage",setup(q){const x=W(),p=o(!1),f=o(""),m=o(""),w=o(""),y=o(""),r=o(""),u=o(""),c=o(""),n=o(0);let a=null;function C(){if(typeof window>"u")return null;const e=window.__APP_INITIAL_STATE__;return!e||typeof e!="object"?null:(window.__APP_INITIAL_STATE__=null,e)}function N(e){const t=!!e?.success;p.value=t,f.value=e?.title||(t?"验证成功":"验证失败"),m.value=e?.message||e?.error_message||(t?"操作已完成，现在可以继续使用系统。":"操作失败，请稍后重试。"),w.value=e?.primary_label||(t?"立即登录":"重新注册"),y.value=e?.primary_url||(t?"/login":"/register"),r.value=e?.secondary_label||(t?"":"返回登录"),u.value=e?.secondary_url||(t?"":"/login"),c.value=e?.redirect_url||(t?"/login":""),n.value=Number(e?.redirect_seconds||(t?5:0))||0}const A=I(()=>!!(r.value&&u.value)),b=I(()=>!!(c.value&&n.value>0));async function g(e){if(e){if(e.startsWith("http://")||e.startsWith("https://")){window.location.href=e;return}await x.push(e)}}function P(){b.value&&(a=window.setInterval(()=>{n.value-=1,n.value<=0&&(window.clearInterval(a),a=null,window.location.href=c.value)},1e3))}return E(()=>{const e=C();N(e),P()}),R(()=>{a&&window.clearInterval(a)}),(e,t)=>{const h=d("el-button"),V=d("el-result"),L=d("el-card");return _(),k("div",j,[i(L,{shadow:"never",class:"auth-card","body-style":{padding:"22px"}},{default:s(()=>[t[2]||(t[2]=l("div",{class:"brand"},[l("div",{class:"brand-title"},"知识管理平台"),l("div",{class:"brand-sub app-muted"},"验证结果")],-1)),i(V,{icon:p.value?"success":"error",title:f.value,"sub-title":m.value,class:"result"},{extra:s(()=>[l("div",z,[i(h,{type:"primary",onClick:t[0]||(t[0]=S=>g(y.value))},{default:s(()=>[T(v(w.value),1)]),_:1}),A.value?(_(),$(h,{key:0,onClick:t[1]||(t[1]=S=>g(u.value))},{default:s(()=>[T(v(r.value),1)]),_:1})):B("",!0)]),b.value?(_(),k("div",D,v(n.value)+" 秒后自动跳转... ",1)):B("",!0)]),_:1},8,["icon","title","sub-title"])]),_:1})])}}},G=U(M,[["__scopeId","data-v-1fc6b081"]]);export{G as default};
|
import{_ as U,a as o,c as I,o as E,m as R,b as k,d as i,w as s,e as d,u as W,f as _,g as l,i as B,h as $,k as T,t as v}from"./index-7hTgh8K-.js";const j={class:"auth-wrap"},z={class:"actions"},D={key:0,class:"countdown app-muted"},M={__name:"VerifyResultPage",setup(q){const x=W(),p=o(!1),f=o(""),m=o(""),w=o(""),y=o(""),r=o(""),u=o(""),c=o(""),n=o(0);let a=null;function C(){if(typeof window>"u")return null;const e=window.__APP_INITIAL_STATE__;return!e||typeof e!="object"?null:(window.__APP_INITIAL_STATE__=null,e)}function N(e){const t=!!e?.success;p.value=t,f.value=e?.title||(t?"验证成功":"验证失败"),m.value=e?.message||e?.error_message||(t?"操作已完成，现在可以继续使用系统。":"操作失败，请稍后重试。"),w.value=e?.primary_label||(t?"立即登录":"重新注册"),y.value=e?.primary_url||(t?"/login":"/register"),r.value=e?.secondary_label||(t?"":"返回登录"),u.value=e?.secondary_url||(t?"":"/login"),c.value=e?.redirect_url||(t?"/login":""),n.value=Number(e?.redirect_seconds||(t?5:0))||0}const A=I(()=>!!(r.value&&u.value)),b=I(()=>!!(c.value&&n.value>0));async function g(e){if(e){if(e.startsWith("http://")||e.startsWith("https://")){window.location.href=e;return}await x.push(e)}}function P(){b.value&&(a=window.setInterval(()=>{n.value-=1,n.value<=0&&(window.clearInterval(a),a=null,window.location.href=c.value)},1e3))}return E(()=>{const e=C();N(e),P()}),R(()=>{a&&window.clearInterval(a)}),(e,t)=>{const h=d("el-button"),V=d("el-result"),L=d("el-card");return _(),k("div",j,[i(L,{shadow:"never",class:"auth-card","body-style":{padding:"22px"}},{default:s(()=>[t[2]||(t[2]=l("div",{class:"brand"},[l("div",{class:"brand-title"},"知识管理平台"),l("div",{class:"brand-sub app-muted"},"验证结果")],-1)),i(V,{icon:p.value?"success":"error",title:f.value,"sub-title":m.value,class:"result"},{extra:s(()=>[l("div",z,[i(h,{type:"primary",onClick:t[0]||(t[0]=S=>g(y.value))},{default:s(()=>[T(v(w.value),1)]),_:1}),A.value?(_(),$(h,{key:0,onClick:t[1]||(t[1]=S=>g(u.value))},{default:s(()=>[T(v(r.value),1)]),_:1})):B("",!0)]),b.value?(_(),k("div",D,v(n.value)+" 秒后自动跳转... ",1)):B("",!0)]),_:1},8,["icon","title","sub-title"])]),_:1})])}}},G=U(M,[["__scopeId","data-v-1fc6b081"]]);export{G as default};
|
||||||
@@ -1 +1 @@
|
|||||||
import{p as c}from"./index-D7kwaKcv.js";async function o(t={}){const{data:a}=await c.get("/accounts",{params:t});return a}async function u(t){const{data:a}=await c.post("/accounts",t);return a}async function r(t,a){const{data:n}=await c.put(`/accounts/${t}`,a);return n}async function e(t){const{data:a}=await c.delete(`/accounts/${t}`);return a}async function i(t,a){const{data:n}=await c.put(`/accounts/${t}/remark`,a);return n}async function p(t,a){const{data:n}=await c.post(`/accounts/${t}/start`,a);return n}async function d(t){const{data:a}=await c.post(`/accounts/${t}/stop`,{});return a}async function f(t){const{data:a}=await c.post("/accounts/batch/start",t);return a}async function w(t){const{data:a}=await c.post("/accounts/batch/stop",t);return a}async function y(){const{data:t}=await c.post("/accounts/clear",{});return t}async function A(t,a={}){const{data:n}=await c.post(`/accounts/${t}/screenshot`,a);return n}export{w as a,f as b,y as c,d,e,o as f,u as g,i as h,p as s,A as t,r as u};
|
import{p as c}from"./index-7hTgh8K-.js";async function o(t={}){const{data:a}=await c.get("/accounts",{params:t});return a}async function u(t){const{data:a}=await c.post("/accounts",t);return a}async function r(t,a){const{data:n}=await c.put(`/accounts/${t}`,a);return n}async function e(t){const{data:a}=await c.delete(`/accounts/${t}`);return a}async function i(t,a){const{data:n}=await c.put(`/accounts/${t}/remark`,a);return n}async function p(t,a){const{data:n}=await c.post(`/accounts/${t}/start`,a);return n}async function d(t){const{data:a}=await c.post(`/accounts/${t}/stop`,{});return a}async function f(t){const{data:a}=await c.post("/accounts/batch/start",t);return a}async function w(t){const{data:a}=await c.post("/accounts/batch/stop",t);return a}async function y(){const{data:t}=await c.post("/accounts/clear",{});return t}async function A(t,a={}){const{data:n}=await c.post(`/accounts/${t}/screenshot`,a);return n}export{w as a,f as b,y as c,d,e,o as f,u as g,i as h,p as s,A as t,r as u};
|
||||||
@@ -1 +1 @@
|
|||||||
import{p as s}from"./index-D7kwaKcv.js";async function r(){const{data:a}=await s.get("/email/verify-status");return a}async function o(){const{data:a}=await s.post("/generate_captcha",{});return a}async function e(a){const{data:t}=await s.post("/login",a);return t}async function i(a){const{data:t}=await s.post("/register",a);return t}async function c(a){const{data:t}=await s.post("/resend-verify-email",a);return t}async function f(a){const{data:t}=await s.post("/forgot-password",a);return t}async function u(a){const{data:t}=await s.post("/reset-password-confirm",a);return t}export{f as a,i as b,u as c,r as f,o as g,e as l,c as r};
|
import{p as s}from"./index-7hTgh8K-.js";async function r(){const{data:a}=await s.get("/email/verify-status");return a}async function o(){const{data:a}=await s.post("/generate_captcha",{});return a}async function e(a){const{data:t}=await s.post("/login",a);return t}async function i(a){const{data:t}=await s.post("/register",a);return t}async function c(a){const{data:t}=await s.post("/resend-verify-email",a);return t}async function f(a){const{data:t}=await s.post("/forgot-password",a);return t}async function u(a){const{data:t}=await s.post("/reset-password-confirm",a);return t}export{f as a,i as b,u as c,r as f,o as g,e as l,c as r};
|
||||||
File diff suppressed because one or more lines are too long
@@ -4,7 +4,7 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
|
||||||
<title>知识管理平台</title>
|
<title>知识管理平台</title>
|
||||||
<script type="module" crossorigin src="./assets/index-D7kwaKcv.js"></script>
|
<script type="module" crossorigin src="./assets/index-7hTgh8K-.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="./assets/index-BVjJVlht.css">
|
<link rel="stylesheet" crossorigin href="./assets/index-BVjJVlht.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
2465
templates/index.html
2465
templates/index.html
File diff suppressed because it is too large
Load Diff
@@ -1,416 +0,0 @@
|
|||||||
<!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>
|
|
||||||
:root {
|
|
||||||
--md-primary: #1976D2;
|
|
||||||
--md-primary-dark: #1565C0;
|
|
||||||
--md-primary-light: #BBDEFB;
|
|
||||||
--md-background: #FAFAFA;
|
|
||||||
--md-surface: #FFFFFF;
|
|
||||||
--md-error: #B00020;
|
|
||||||
--md-success: #4CAF50;
|
|
||||||
--md-on-primary: #FFFFFF;
|
|
||||||
--md-on-surface: #212121;
|
|
||||||
--md-on-surface-medium: #666666;
|
|
||||||
--md-shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
|
|
||||||
}
|
|
||||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
||||||
body {
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
||||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
||||||
min-height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
.login-card {
|
|
||||||
background: var(--md-surface);
|
|
||||||
border-radius: 16px;
|
|
||||||
box-shadow: var(--md-shadow-lg);
|
|
||||||
width: 100%;
|
|
||||||
max-width: 400px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.login-header {
|
|
||||||
background: var(--md-primary);
|
|
||||||
color: var(--md-on-primary);
|
|
||||||
padding: 32px 24px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.login-header .logo { font-size: 48px; margin-bottom: 12px; }
|
|
||||||
.login-header h1 { font-size: 24px; font-weight: 500; margin-bottom: 4px; }
|
|
||||||
.login-header p { font-size: 14px; opacity: 0.9; }
|
|
||||||
.login-body { padding: 32px 24px; }
|
|
||||||
.form-group { margin-bottom: 24px; }
|
|
||||||
.form-group label { display: block; font-size: 14px; font-weight: 500; color: var(--md-on-surface-medium); margin-bottom: 8px; }
|
|
||||||
.form-group input {
|
|
||||||
width: 100%;
|
|
||||||
padding: 14px 16px;
|
|
||||||
border: 2px solid #E0E0E0;
|
|
||||||
border-radius: 8px;
|
|
||||||
font-size: 16px;
|
|
||||||
transition: all 0.2s;
|
|
||||||
background: #FAFAFA;
|
|
||||||
}
|
|
||||||
.form-group input:focus {
|
|
||||||
outline: none;
|
|
||||||
border-color: var(--md-primary);
|
|
||||||
background: var(--md-surface);
|
|
||||||
box-shadow: 0 0 0 3px var(--md-primary-light);
|
|
||||||
}
|
|
||||||
.captcha-row { display: flex; gap: 12px; align-items: center; }
|
|
||||||
.captcha-row input { flex: 1; }
|
|
||||||
.captcha-code {
|
|
||||||
font-size: 20px;
|
|
||||||
font-weight: bold;
|
|
||||||
letter-spacing: 4px;
|
|
||||||
color: var(--md-primary);
|
|
||||||
padding: 10px 16px;
|
|
||||||
background: var(--md-primary-light);
|
|
||||||
border-radius: 8px;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
.captcha-refresh {
|
|
||||||
padding: 10px 16px;
|
|
||||||
background: #F5F5F5;
|
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
.captcha-refresh:hover { background: #EEEEEE; }
|
|
||||||
.forgot-link { text-align: right; margin-top: -16px; margin-bottom: 24px; }
|
|
||||||
.forgot-link a { color: var(--md-primary); text-decoration: none; font-size: 14px; font-weight: 500; }
|
|
||||||
.forgot-link a:hover { text-decoration: underline; }
|
|
||||||
.btn-login {
|
|
||||||
width: 100%;
|
|
||||||
padding: 16px;
|
|
||||||
background: var(--md-primary);
|
|
||||||
color: var(--md-on-primary);
|
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 600;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.2s;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
}
|
|
||||||
.btn-login:hover { background: var(--md-primary-dark); box-shadow: 0 4px 12px rgba(25, 118, 210, 0.4); }
|
|
||||||
.register-link {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 24px;
|
|
||||||
padding-top: 24px;
|
|
||||||
border-top: 1px solid #E0E0E0;
|
|
||||||
color: var(--md-on-surface-medium);
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.register-link a { color: var(--md-primary); text-decoration: none; font-weight: 600; }
|
|
||||||
.register-link a:hover { text-decoration: underline; }
|
|
||||||
.message { padding: 12px 16px; border-radius: 8px; margin-bottom: 20px; font-size: 14px; display: none; }
|
|
||||||
.message.error { background: #FFEBEE; color: var(--md-error); border: 1px solid #FFCDD2; }
|
|
||||||
.message.success { background: #E8F5E9; color: var(--md-success); border: 1px solid #C8E6C9; }
|
|
||||||
.modal-overlay {
|
|
||||||
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
|
|
||||||
background: rgba(0,0,0,0.5);
|
|
||||||
display: flex; justify-content: center; align-items: center;
|
|
||||||
opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 1000; padding: 20px;
|
|
||||||
}
|
|
||||||
.modal-overlay.active { opacity: 1; visibility: visible; }
|
|
||||||
.modal {
|
|
||||||
background: var(--md-surface);
|
|
||||||
border-radius: 16px;
|
|
||||||
width: 100%; max-width: 400px;
|
|
||||||
box-shadow: var(--md-shadow-lg);
|
|
||||||
transform: translateY(-20px); transition: transform 0.3s;
|
|
||||||
}
|
|
||||||
.modal-overlay.active .modal { transform: translateY(0); }
|
|
||||||
.modal-header { padding: 24px; border-bottom: 1px solid #E0E0E0; }
|
|
||||||
.modal-header h2 { font-size: 20px; font-weight: 500; margin-bottom: 4px; }
|
|
||||||
.modal-header p { font-size: 14px; color: var(--md-on-surface-medium); }
|
|
||||||
.modal-body { padding: 24px; }
|
|
||||||
.modal-footer { padding: 16px 24px; border-top: 1px solid #E0E0E0; display: flex; gap: 12px; justify-content: flex-end; }
|
|
||||||
.btn-secondary { padding: 12px 24px; background: #F5F5F5; color: var(--md-on-surface); border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; }
|
|
||||||
.btn-secondary:hover { background: #EEEEEE; }
|
|
||||||
.btn-primary { padding: 12px 24px; background: var(--md-primary); color: var(--md-on-primary); border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; }
|
|
||||||
.btn-primary:hover { background: var(--md-primary-dark); }
|
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
body { padding: 12px; }
|
|
||||||
.login-card { max-width: 100%; }
|
|
||||||
.login-header { padding: 24px 20px; }
|
|
||||||
.login-header .logo { font-size: 40px; margin-bottom: 10px; }
|
|
||||||
.login-header h1 { font-size: 20px; }
|
|
||||||
.login-header p { font-size: 13px; }
|
|
||||||
.login-body { padding: 24px 20px; }
|
|
||||||
.form-group { margin-bottom: 20px; }
|
|
||||||
.form-group label { font-size: 13px; }
|
|
||||||
.form-group input { padding: 12px 14px; font-size: 16px; } /* iOS防止自动缩放 */
|
|
||||||
.captcha-code { padding: 8px 12px; font-size: 18px; letter-spacing: 3px; }
|
|
||||||
.captcha-refresh { padding: 8px 12px; font-size: 16px; }
|
|
||||||
.btn-login { padding: 14px; font-size: 15px; }
|
|
||||||
.modal { max-width: 100%; }
|
|
||||||
.modal-header, .modal-body { padding: 20px; }
|
|
||||||
.modal-header h2 { font-size: 18px; }
|
|
||||||
.modal-footer { padding: 14px 20px; flex-direction: column; }
|
|
||||||
.modal-footer button { width: 100%; }
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="login-card">
|
|
||||||
<div class="login-header">
|
|
||||||
<div class="logo">📚</div>
|
|
||||||
<h1>知识管理平台</h1>
|
|
||||||
<p>自动化浏览学习内容</p>
|
|
||||||
</div>
|
|
||||||
<div class="login-body">
|
|
||||||
<div id="errorMessage" class="message error"></div>
|
|
||||||
<div id="successMessage" class="message success"></div>
|
|
||||||
<form id="loginForm" onsubmit="handleLogin(event)">
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="username">用户名</label>
|
|
||||||
<input type="text" id="username" name="username" placeholder="请输入用户名" required>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="password">密码</label>
|
|
||||||
<input type="password" id="password" name="password" placeholder="请输入密码" required>
|
|
||||||
</div>
|
|
||||||
<div id="captchaGroup" class="form-group" style="display: none;">
|
|
||||||
<label for="captcha">验证码</label>
|
|
||||||
<div class="captcha-row">
|
|
||||||
<input type="text" id="captcha" name="captcha" placeholder="请输入验证码">
|
|
||||||
<img id="captchaImage" src="" alt="验证码" style="height: 50px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer;" onclick="refreshCaptcha()" title="点击刷新">
|
|
||||||
<button type="button" class="captcha-refresh" onclick="refreshCaptcha()">🔄</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="forgot-link">
|
|
||||||
<a href="#" onclick="showForgotPassword(event)">忘记密码？</a>
|
|
||||||
<span id="resendVerifyLink" style="display: none; margin-left: 16px;"><a href="#" onclick="showResendVerify(event)">重发验证邮件</a></span>
|
|
||||||
</div>
|
|
||||||
<button type="submit" class="btn-login">登 录</button>
|
|
||||||
</form>
|
|
||||||
<div class="register-link">还没有账号？ <a href="/register">立即注册</a></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="forgotPasswordModal" class="modal-overlay" onclick="if(event.target===this)closeForgotPassword()">
|
|
||||||
<div class="modal">
|
|
||||||
<div class="modal-header"><h2>找回密码</h2><p id="resetModalDesc">输入用户名，我们将发送重置链接到绑定邮箱</p></div>
|
|
||||||
<div class="modal-body">
|
|
||||||
<div id="modalErrorMessage" class="message error"></div>
|
|
||||||
<div id="modalSuccessMessage" class="message success"></div>
|
|
||||||
<!-- 邮件找回方式 -->
|
|
||||||
<form id="emailResetForm" onsubmit="handleEmailReset(event)" style="display: none;">
|
|
||||||
<div class="form-group"><label>用户名</label><input type="text" id="emailResetUsername" placeholder="请输入用户名" required></div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label>验证码</label>
|
|
||||||
<div class="captcha-row">
|
|
||||||
<input type="text" id="emailResetCaptcha" placeholder="请输入验证码" required>
|
|
||||||
<img id="emailResetCaptchaImage" src="" alt="验证码" style="height: 50px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer;" onclick="refreshEmailResetCaptcha()" title="点击刷新">
|
|
||||||
<button type="button" class="captcha-refresh" onclick="refreshEmailResetCaptcha()">🔄</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<div class="modal-footer">
|
|
||||||
<button type="button" class="btn-secondary" onclick="closeForgotPassword()">取消</button>
|
|
||||||
<button type="button" class="btn-primary" id="resetSubmitBtn" onclick="submitResetForm()">发送重置邮件</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 重发验证邮件弹窗 -->
|
|
||||||
<div id="resendVerifyModal" class="modal-overlay" onclick="if(event.target===this)closeResendVerify()">
|
|
||||||
<div class="modal">
|
|
||||||
<div class="modal-header"><h2>重发验证邮件</h2><p>输入注册时使用的邮箱</p></div>
|
|
||||||
<div class="modal-body">
|
|
||||||
<div id="resendErrorMessage" class="message error"></div>
|
|
||||||
<div id="resendSuccessMessage" class="message success"></div>
|
|
||||||
<form id="resendVerifyForm" onsubmit="handleResendVerify(event)">
|
|
||||||
<div class="form-group"><label>邮箱</label><input type="email" id="resendEmail" placeholder="请输入注册邮箱" required></div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label>验证码</label>
|
|
||||||
<div class="captcha-row">
|
|
||||||
<input type="text" id="resendCaptcha" placeholder="请输入验证码" required>
|
|
||||||
<img id="resendCaptchaImage" src="" alt="验证码" style="height: 50px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer;" onclick="refreshResendCaptcha()" title="点击刷新">
|
|
||||||
<button type="button" class="captcha-refresh" onclick="refreshResendCaptcha()">🔄</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<div class="modal-footer">
|
|
||||||
<button type="button" class="btn-secondary" onclick="closeResendVerify()">取消</button>
|
|
||||||
<button type="button" class="btn-primary" onclick="document.getElementById('resendVerifyForm').dispatchEvent(new Event('submit'))">发送验证邮件</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script>
|
|
||||||
let captchaSession = '';
|
|
||||||
let resendCaptchaSession = '';
|
|
||||||
let emailResetCaptchaSession = '';
|
|
||||||
let needCaptcha = false;
|
|
||||||
let emailEnabled = false;
|
|
||||||
|
|
||||||
// 页面加载时检查邮箱验证是否启用
|
|
||||||
window.onload = async function() {
|
|
||||||
try {
|
|
||||||
const resp = await fetch('/api/email/verify-status');
|
|
||||||
const data = await resp.json();
|
|
||||||
emailEnabled = data.email_enabled;
|
|
||||||
if (data.register_verify_enabled) {
|
|
||||||
document.getElementById('resendVerifyLink').style.display = 'inline';
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log('获取邮箱验证状态失败', e);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
async function handleLogin(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
const username = document.getElementById('username').value.trim();
|
|
||||||
const password = document.getElementById('password').value.trim();
|
|
||||||
const captcha = document.getElementById('captcha') ? document.getElementById('captcha').value.trim() : '';
|
|
||||||
const errorDiv = document.getElementById('errorMessage');
|
|
||||||
const successDiv = document.getElementById('successMessage');
|
|
||||||
errorDiv.style.display = 'none';
|
|
||||||
successDiv.style.display = 'none';
|
|
||||||
if (!username || !password) { errorDiv.textContent = '用户名和密码不能为空'; errorDiv.style.display = 'block'; return; }
|
|
||||||
if (needCaptcha && !captcha) { errorDiv.textContent = '请输入验证码'; errorDiv.style.display = 'block'; return; }
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ username, password, captcha_session: captchaSession, captcha, need_captcha: needCaptcha }) });
|
|
||||||
const data = await response.json();
|
|
||||||
if (response.ok) { successDiv.textContent = '登录成功，正在跳转...'; successDiv.style.display = 'block'; setTimeout(() => { window.location.href = '/app'; }, 500); }
|
|
||||||
else { errorDiv.textContent = data.error || '登录失败'; errorDiv.style.display = 'block'; if (data.need_captcha) { needCaptcha = true; document.getElementById('captchaGroup').style.display = 'block'; await generateCaptcha(); } }
|
|
||||||
} catch (error) { errorDiv.textContent = '网络错误'; errorDiv.style.display = 'block'; }
|
|
||||||
}
|
|
||||||
async function showForgotPassword(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
document.getElementById('forgotPasswordModal').classList.add('active');
|
|
||||||
document.getElementById('modalErrorMessage').style.display = 'none';
|
|
||||||
document.getElementById('modalSuccessMessage').style.display = 'none';
|
|
||||||
|
|
||||||
document.getElementById('emailResetForm').style.display = 'block';
|
|
||||||
document.getElementById('resetSubmitBtn').textContent = '发送重置邮件';
|
|
||||||
document.getElementById('resetSubmitBtn').disabled = !emailEnabled;
|
|
||||||
if (emailEnabled) {
|
|
||||||
document.getElementById('resetModalDesc').textContent = '输入用户名，我们将发送重置链接到绑定邮箱';
|
|
||||||
await generateEmailResetCaptcha();
|
|
||||||
} else {
|
|
||||||
document.getElementById('resetModalDesc').textContent = '邮件功能未启用，无法通过邮箱找回密码。请联系管理员重置密码。';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function closeForgotPassword() {
|
|
||||||
document.getElementById('forgotPasswordModal').classList.remove('active');
|
|
||||||
document.getElementById('emailResetForm').reset();
|
|
||||||
document.getElementById('modalErrorMessage').style.display = 'none';
|
|
||||||
document.getElementById('modalSuccessMessage').style.display = 'none';
|
|
||||||
}
|
|
||||||
function submitResetForm() {
|
|
||||||
document.getElementById('emailResetForm').dispatchEvent(new Event('submit'));
|
|
||||||
}
|
|
||||||
async function generateCaptcha() { try { const response = await fetch('/api/generate_captcha', { method: 'POST', headers: { 'Content-Type': 'application/json' } }); const data = await response.json(); if (data.session_id && data.captcha_image) { captchaSession = data.session_id; document.getElementById('captchaImage').src = data.captcha_image; } } catch (error) { console.error('生成验证码失败:', error); } }
|
|
||||||
async function refreshCaptcha() { await generateCaptcha(); document.getElementById('captcha').value = ''; }
|
|
||||||
|
|
||||||
// 邮件方式重置密码相关函数
|
|
||||||
async function generateEmailResetCaptcha() {
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/generate_captcha', { method: 'POST', headers: { 'Content-Type': 'application/json' } });
|
|
||||||
const data = await response.json();
|
|
||||||
if (data.session_id && data.captcha_image) {
|
|
||||||
emailResetCaptchaSession = data.session_id;
|
|
||||||
document.getElementById('emailResetCaptchaImage').src = data.captcha_image;
|
|
||||||
}
|
|
||||||
} catch (error) { console.error('生成验证码失败:', error); }
|
|
||||||
}
|
|
||||||
async function refreshEmailResetCaptcha() { await generateEmailResetCaptcha(); document.getElementById('emailResetCaptcha').value = ''; }
|
|
||||||
async function handleEmailReset(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
const username = document.getElementById('emailResetUsername').value.trim();
|
|
||||||
const captcha = document.getElementById('emailResetCaptcha').value.trim();
|
|
||||||
const errorDiv = document.getElementById('modalErrorMessage');
|
|
||||||
const successDiv = document.getElementById('modalSuccessMessage');
|
|
||||||
errorDiv.style.display = 'none'; successDiv.style.display = 'none';
|
|
||||||
|
|
||||||
if (!username) { errorDiv.textContent = '请输入用户名'; errorDiv.style.display = 'block'; return; }
|
|
||||||
if (!captcha) { errorDiv.textContent = '请输入验证码'; errorDiv.style.display = 'block'; return; }
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/forgot-password', {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ username, captcha_session: emailResetCaptchaSession, captcha })
|
|
||||||
});
|
|
||||||
const data = await response.json();
|
|
||||||
if (response.ok) {
|
|
||||||
successDiv.innerHTML = data.message + '<br><small style="color: #666;">请检查您的邮箱（包括垃圾邮件文件夹）</small>';
|
|
||||||
successDiv.style.display = 'block';
|
|
||||||
setTimeout(closeForgotPassword, 3000);
|
|
||||||
} else {
|
|
||||||
errorDiv.textContent = data.error || '发送失败';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
await refreshEmailResetCaptcha();
|
|
||||||
}
|
|
||||||
} catch (error) { errorDiv.textContent = '网络错误'; errorDiv.style.display = 'block'; }
|
|
||||||
}
|
|
||||||
|
|
||||||
// 重发验证邮件相关函数
|
|
||||||
async function showResendVerify(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
document.getElementById('resendVerifyModal').classList.add('active');
|
|
||||||
await generateResendCaptcha();
|
|
||||||
}
|
|
||||||
function closeResendVerify() {
|
|
||||||
document.getElementById('resendVerifyModal').classList.remove('active');
|
|
||||||
document.getElementById('resendVerifyForm').reset();
|
|
||||||
document.getElementById('resendErrorMessage').style.display = 'none';
|
|
||||||
document.getElementById('resendSuccessMessage').style.display = 'none';
|
|
||||||
}
|
|
||||||
async function generateResendCaptcha() {
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/generate_captcha', { method: 'POST', headers: { 'Content-Type': 'application/json' } });
|
|
||||||
const data = await response.json();
|
|
||||||
if (data.session_id && data.captcha_image) {
|
|
||||||
resendCaptchaSession = data.session_id;
|
|
||||||
document.getElementById('resendCaptchaImage').src = data.captcha_image;
|
|
||||||
}
|
|
||||||
} catch (error) { console.error('生成验证码失败:', error); }
|
|
||||||
}
|
|
||||||
async function refreshResendCaptcha() { await generateResendCaptcha(); document.getElementById('resendCaptcha').value = ''; }
|
|
||||||
async function handleResendVerify(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
const email = document.getElementById('resendEmail').value.trim();
|
|
||||||
const captcha = document.getElementById('resendCaptcha').value.trim();
|
|
||||||
const errorDiv = document.getElementById('resendErrorMessage');
|
|
||||||
const successDiv = document.getElementById('resendSuccessMessage');
|
|
||||||
errorDiv.style.display = 'none'; successDiv.style.display = 'none';
|
|
||||||
|
|
||||||
if (!email) { errorDiv.textContent = '请输入邮箱'; errorDiv.style.display = 'block'; return; }
|
|
||||||
if (!captcha) { errorDiv.textContent = '请输入验证码'; errorDiv.style.display = 'block'; return; }
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/resend-verify-email', {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ email, captcha_session: resendCaptchaSession, captcha })
|
|
||||||
});
|
|
||||||
const data = await response.json();
|
|
||||||
if (response.ok) {
|
|
||||||
successDiv.textContent = data.message || '验证邮件已发送，请查收';
|
|
||||||
successDiv.style.display = 'block';
|
|
||||||
setTimeout(closeResendVerify, 2000);
|
|
||||||
} else {
|
|
||||||
errorDiv.textContent = data.error || '发送失败';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
await refreshResendCaptcha();
|
|
||||||
}
|
|
||||||
} catch (error) { errorDiv.textContent = '网络错误'; errorDiv.style.display = 'block'; }
|
|
||||||
}
|
|
||||||
|
|
||||||
document.addEventListener('keydown', (e) => { if (e.key === 'Escape') { closeForgotPassword(); closeResendVerify(); } });
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,324 +0,0 @@
|
|||||||
<!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>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Microsoft YaHei', Arial, sans-serif;
|
|
||||||
background: linear-gradient(135deg, #56CCF2 0%, #2F80ED 100%);
|
|
||||||
min-height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.register-container {
|
|
||||||
background: white;
|
|
||||||
border-radius: 10px;
|
|
||||||
box-shadow: 0 10px 40px rgba(0,0,0,0.2);
|
|
||||||
width: 400px;
|
|
||||||
padding: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.register-header {
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.register-header h1 {
|
|
||||||
font-size: 28px;
|
|
||||||
color: #333;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.register-header p {
|
|
||||||
color: #666;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group label {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
color: #333;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group input {
|
|
||||||
width: 100%;
|
|
||||||
padding: 12px;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
border-radius: 5px;
|
|
||||||
font-size: 14px;
|
|
||||||
transition: border-color 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group input:focus {
|
|
||||||
outline: none;
|
|
||||||
border-color: #2F80ED;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group small {
|
|
||||||
color: #888;
|
|
||||||
font-size: 12px;
|
|
||||||
display: block;
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-register {
|
|
||||||
width: 100%;
|
|
||||||
padding: 12px;
|
|
||||||
background: linear-gradient(135deg, #56CCF2 0%, #2F80ED 100%);
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 5px;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: transform 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-register:hover {
|
|
||||||
transform: translateY(-2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-register:active {
|
|
||||||
transform: translateY(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-link {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 20px;
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-link a {
|
|
||||||
color: #2F80ED;
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-link a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.error-message {
|
|
||||||
background: #ffe6e6;
|
|
||||||
color: #d63031;
|
|
||||||
padding: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.success-message {
|
|
||||||
background: #e6ffe6;
|
|
||||||
color: #27ae60;
|
|
||||||
padding: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
body { padding: 12px; align-items: flex-start; padding-top: 20px; }
|
|
||||||
.register-container { width: 100%; max-width: 100%; padding: 24px 20px; }
|
|
||||||
.register-header h1 { font-size: 24px; }
|
|
||||||
.register-header p { font-size: 13px; }
|
|
||||||
.form-group { margin-bottom: 18px; }
|
|
||||||
.form-group label { font-size: 13px; }
|
|
||||||
.form-group input { padding: 11px; font-size: 16px; } /* iOS防止自动缩放 */
|
|
||||||
.form-group small { font-size: 11px; }
|
|
||||||
.btn-register { padding: 13px; font-size: 15px; }
|
|
||||||
.login-link { margin-top: 16px; font-size: 14px; }
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="register-container">
|
|
||||||
<div class="register-header">
|
|
||||||
<h1>用户注册</h1>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="errorMessage" class="error-message"></div>
|
|
||||||
<div id="successMessage" class="success-message"></div>
|
|
||||||
|
|
||||||
<form id="registerForm" onsubmit="handleRegister(event)">
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="username">用户名 *</label>
|
|
||||||
<input type="text" id="username" name="username" required minlength="3">
|
|
||||||
<small>至少3个字符</small>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="password">密码 *</label>
|
|
||||||
<input type="password" id="password" name="password" required minlength="8">
|
|
||||||
<small>至少8位</small>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="confirm_password">确认密码 *</label>
|
|
||||||
<input type="password" id="confirm_password" name="confirm_password" required>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="email">邮箱 <span id="emailRequired" style="color: #d63031; display: none;">*</span></label>
|
|
||||||
<input type="email" id="email" name="email">
|
|
||||||
<small id="emailHint">选填，用于接收审核通知</small>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="captcha">验证码</label>
|
|
||||||
<div style="display: flex; gap: 10px; align-items: center;">
|
|
||||||
<input type="text" id="captcha" placeholder="请输入验证码" required style="flex: 1;">
|
|
||||||
<img id="captchaImage" src="" alt="验证码" style="height: 50px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer;" onclick="refreshCaptcha()" title="点击刷新">
|
|
||||||
<button type="button" onclick="refreshCaptcha()" style="padding: 8px 15px; background: #f0f0f0; border: 1px solid #ddd; border-radius: 4px; cursor: pointer;">刷新</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button type="submit" class="btn-register">注册</button>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<div class="login-link">
|
|
||||||
已有账号？ <a href="/login">立即登录</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
let captchaSession = '';
|
|
||||||
let emailVerifyEnabled = false;
|
|
||||||
|
|
||||||
window.onload = async function() {
|
|
||||||
await generateCaptcha();
|
|
||||||
await checkEmailVerifyStatus();
|
|
||||||
};
|
|
||||||
|
|
||||||
async function checkEmailVerifyStatus() {
|
|
||||||
try {
|
|
||||||
const resp = await fetch('/api/email/verify-status');
|
|
||||||
const data = await resp.json();
|
|
||||||
emailVerifyEnabled = data.register_verify_enabled;
|
|
||||||
|
|
||||||
if (emailVerifyEnabled) {
|
|
||||||
document.getElementById('emailRequired').style.display = 'inline';
|
|
||||||
document.getElementById('email').required = true;
|
|
||||||
document.getElementById('emailHint').textContent = '必填，用于账号验证';
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.log('获取邮箱验证状态失败', e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function handleRegister(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
|
|
||||||
const username = document.getElementById('username').value.trim();
|
|
||||||
const password = document.getElementById('password').value.trim();
|
|
||||||
const confirmPassword = document.getElementById('confirm_password').value.trim();
|
|
||||||
const email = document.getElementById('email').value.trim();
|
|
||||||
const errorDiv = document.getElementById('errorMessage');
|
|
||||||
const successDiv = document.getElementById('successMessage');
|
|
||||||
|
|
||||||
errorDiv.style.display = 'none';
|
|
||||||
successDiv.style.display = 'none';
|
|
||||||
|
|
||||||
// 验证
|
|
||||||
if (username.length < 3) {
|
|
||||||
errorDiv.textContent = '用户名至少3个字符';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (password.length < 8) {
|
|
||||||
errorDiv.textContent = '密码长度至少8位';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!/[a-zA-Z]/.test(password) || !/\d/.test(password)) {
|
|
||||||
errorDiv.textContent = '密码必须包含字母和数字';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (password !== confirmPassword) {
|
|
||||||
errorDiv.textContent = '两次输入的密码不一致';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 邮箱验证启用时必填
|
|
||||||
if (emailVerifyEnabled && !email) {
|
|
||||||
errorDiv.textContent = '请填写邮箱地址用于账号验证';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 邮箱格式验证
|
|
||||||
if (email && !email.includes('@')) {
|
|
||||||
errorDiv.textContent = '邮箱格式不正确';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/register', {
|
|
||||||
method: 'POST',
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'application/json'
|
|
||||||
},
|
|
||||||
body: JSON.stringify({ username, password, email, captcha_session: captchaSession, captcha: document.getElementById('captcha').value.trim() })
|
|
||||||
});
|
|
||||||
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
if (response.ok) {
|
|
||||||
// 根据是否需要邮箱验证显示不同的消息
|
|
||||||
if (data.need_verify) {
|
|
||||||
successDiv.innerHTML = data.message + '<br><small style="color: #666;">请检查您的邮箱（包括垃圾邮件文件夹）</small>';
|
|
||||||
} else {
|
|
||||||
successDiv.textContent = data.message || '注册成功，请等待管理员审核';
|
|
||||||
}
|
|
||||||
successDiv.style.display = 'block';
|
|
||||||
|
|
||||||
// 清空表单
|
|
||||||
document.getElementById('registerForm').reset();
|
|
||||||
|
|
||||||
// 3秒后跳转到登录页
|
|
||||||
setTimeout(() => {
|
|
||||||
window.location.href = '/login';
|
|
||||||
}, 3000);
|
|
||||||
} else {
|
|
||||||
errorDiv.textContent = data.error || '注册失败';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
refreshCaptcha();
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
errorDiv.textContent = '网络错误，请稍后重试';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function generateCaptcha() {
|
|
||||||
const resp = await fetch('/api/generate_captcha', {method: 'POST', headers: {'Content-Type': 'application/json'}});
|
|
||||||
const data = await resp.json();
|
|
||||||
if (data.session_id && data.captcha_image) {
|
|
||||||
captchaSession = data.session_id;
|
|
||||||
document.getElementById('captchaImage').src = data.captcha_image;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function refreshCaptcha() { await generateCaptcha(); document.getElementById('captcha').value = ''; }
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,266 +0,0 @@
|
|||||||
<!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>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
font-family: 'Microsoft YaHei', Arial, sans-serif;
|
|
||||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
||||||
min-height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
.card {
|
|
||||||
background: white;
|
|
||||||
border-radius: 15px;
|
|
||||||
box-shadow: 0 10px 40px rgba(0,0,0,0.2);
|
|
||||||
padding: 40px;
|
|
||||||
text-align: center;
|
|
||||||
max-width: 450px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.icon {
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
background: linear-gradient(135deg, #e74c3c, #c0392b);
|
|
||||||
border-radius: 50%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin: 0 auto 25px;
|
|
||||||
}
|
|
||||||
.icon svg {
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
fill: white;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
color: #333;
|
|
||||||
font-size: 24px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
color: #666;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 1.6;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
}
|
|
||||||
.form-group {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.form-group label {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
color: #333;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.form-group input {
|
|
||||||
width: 100%;
|
|
||||||
padding: 12px 15px;
|
|
||||||
border: 2px solid #e0e0e0;
|
|
||||||
border-radius: 8px;
|
|
||||||
font-size: 14px;
|
|
||||||
transition: border-color 0.3s;
|
|
||||||
}
|
|
||||||
.form-group input:focus {
|
|
||||||
outline: none;
|
|
||||||
border-color: #667eea;
|
|
||||||
}
|
|
||||||
.form-group small {
|
|
||||||
color: #999;
|
|
||||||
font-size: 12px;
|
|
||||||
margin-top: 5px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.btn {
|
|
||||||
width: 100%;
|
|
||||||
padding: 14px;
|
|
||||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 30px;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: transform 0.2s, box-shadow 0.2s;
|
|
||||||
}
|
|
||||||
.btn:hover {
|
|
||||||
transform: translateY(-2px);
|
|
||||||
box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
|
|
||||||
}
|
|
||||||
.btn:disabled {
|
|
||||||
background: #ccc;
|
|
||||||
cursor: not-allowed;
|
|
||||||
transform: none;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
.message {
|
|
||||||
padding: 12px 15px;
|
|
||||||
border-radius: 8px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
font-size: 14px;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.message.error {
|
|
||||||
background: #ffe6e6;
|
|
||||||
color: #d63031;
|
|
||||||
border: 1px solid #ffcdd2;
|
|
||||||
}
|
|
||||||
.message.success {
|
|
||||||
background: #e6ffe6;
|
|
||||||
color: #27ae60;
|
|
||||||
border: 1px solid #c8e6c9;
|
|
||||||
}
|
|
||||||
.back-link {
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
.back-link a {
|
|
||||||
color: #667eea;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.back-link a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
.expired {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.expired .icon {
|
|
||||||
background: linear-gradient(135deg, #95a5a6, #7f8c8d);
|
|
||||||
}
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
body { padding: 12px; }
|
|
||||||
.card { padding: 30px 20px; }
|
|
||||||
h1 { font-size: 20px; }
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="card" id="resetForm">
|
|
||||||
<div class="icon">
|
|
||||||
<svg viewBox="0 0 24 24">
|
|
||||||
<path d="M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h1>重置密码</h1>
|
|
||||||
<p>请输入您的新密码</p>
|
|
||||||
|
|
||||||
<div id="errorMessage" class="message error"></div>
|
|
||||||
<div id="successMessage" class="message success"></div>
|
|
||||||
|
|
||||||
<form onsubmit="handleResetPassword(event)">
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="newPassword">新密码</label>
|
|
||||||
<input type="password" id="newPassword" placeholder="请输入新密码" required minlength="8">
|
|
||||||
<small>至少8位，包含字母和数字</small>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="confirmPassword">确认密码</label>
|
|
||||||
<input type="password" id="confirmPassword" placeholder="请再次输入新密码" required>
|
|
||||||
</div>
|
|
||||||
<button type="submit" class="btn" id="submitBtn">确认重置</button>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<div class="back-link">
|
|
||||||
<a href="/login">返回登录</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card expired" id="expiredCard">
|
|
||||||
<div class="icon">
|
|
||||||
<svg viewBox="0 0 24 24">
|
|
||||||
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h1>链接已失效</h1>
|
|
||||||
<p>{{ error_message }}</p>
|
|
||||||
<div class="back-link">
|
|
||||||
<a href="/login">返回登录</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const token = '{{ token }}';
|
|
||||||
const isValid = {{ 'true' if valid else 'false' }};
|
|
||||||
|
|
||||||
if (!isValid) {
|
|
||||||
document.getElementById('resetForm').style.display = 'none';
|
|
||||||
document.getElementById('expiredCard').style.display = 'block';
|
|
||||||
}
|
|
||||||
|
|
||||||
async function handleResetPassword(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
|
|
||||||
const newPassword = document.getElementById('newPassword').value;
|
|
||||||
const confirmPassword = document.getElementById('confirmPassword').value;
|
|
||||||
const errorDiv = document.getElementById('errorMessage');
|
|
||||||
const successDiv = document.getElementById('successMessage');
|
|
||||||
const submitBtn = document.getElementById('submitBtn');
|
|
||||||
|
|
||||||
errorDiv.style.display = 'none';
|
|
||||||
successDiv.style.display = 'none';
|
|
||||||
|
|
||||||
// 验证密码
|
|
||||||
if (newPassword.length < 8) {
|
|
||||||
errorDiv.textContent = '密码长度至少8位';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!/[a-zA-Z]/.test(newPassword) || !/\d/.test(newPassword)) {
|
|
||||||
errorDiv.textContent = '密码必须包含字母和数字';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (newPassword !== confirmPassword) {
|
|
||||||
errorDiv.textContent = '两次输入的密码不一致';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
submitBtn.disabled = true;
|
|
||||||
submitBtn.textContent = '处理中...';
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/reset-password-confirm', {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'Content-Type': 'application/json' },
|
|
||||||
body: JSON.stringify({ token, new_password: newPassword })
|
|
||||||
});
|
|
||||||
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
if (response.ok) {
|
|
||||||
successDiv.textContent = '密码重置成功！3秒后跳转到登录页面...';
|
|
||||||
successDiv.style.display = 'block';
|
|
||||||
setTimeout(() => {
|
|
||||||
window.location.href = '/login';
|
|
||||||
}, 3000);
|
|
||||||
} else {
|
|
||||||
errorDiv.textContent = data.error || '重置失败';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
submitBtn.disabled = false;
|
|
||||||
submitBtn.textContent = '确认重置';
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
errorDiv.textContent = '网络错误，请稍后重试';
|
|
||||||
errorDiv.style.display = 'block';
|
|
||||||
submitBtn.disabled = false;
|
|
||||||
submitBtn.textContent = '确认重置';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Reference in New Issue
Block a user