diff --git a/app/backend/features/accounts/http.py b/app/backend/features/accounts/http.py
index 4bc282e..bbcc3fa 100644
--- a/app/backend/features/accounts/http.py
+++ b/app/backend/features/accounts/http.py
@@ -64,6 +64,7 @@ class AccountHttpMixin:
"username": str(self.auth_user["username"]),
"role": str(self.auth_user.get("role") or "user"),
"membership": service.membership(),
+ "created_at": str(self.auth_user.get("created_at") or ""),
},
"csrf_token": str(self.auth_user["csrf_token"]),
}
diff --git a/app/frontend/m/css/features.css b/app/frontend/m/css/features.css
index 79addc8..62a6fa0 100644
--- a/app/frontend/m/css/features.css
+++ b/app/frontend/m/css/features.css
@@ -3174,3 +3174,196 @@
border-top: 1px solid var(--border);
transform: translateY(calc(-1 * var(--m-keyboard-inset, 0px)));
}
+
+/* ===== 系统管理（P4）：账号资料 / 修改密码 / 会员状态 / 系统设置 / 会员管理 ===== */
+
+/* 只读键值行 */
+.m-card--kv { padding: 0; overflow: hidden; }
+.m-kv-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ height: 44px;
+ padding: 0 14px;
+}
+.m-kv-row + .m-kv-row { border-top: 1px solid var(--border-subtle); }
+.m-kv-label { font-size: var(--font-size-label); color: var(--text-secondary); flex: 0 0 auto; }
+.m-kv-value {
+ font-size: var(--font-size-body);
+ font-weight: 500;
+ color: var(--text-primary);
+ text-align: right;
+ min-width: 0;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ font-variant-numeric: tabular-nums;
+}
+.m-kv-value--danger { color: var(--market-up); }
+.m-kv-value--muted { color: var(--text-tertiary); font-weight: 400; }
+.m-kv-note {
+ padding: 6px 14px 14px;
+ font-size: 12px;
+ color: var(--text-tertiary);
+ line-height: 1.5;
+}
+
+/* 身份徽标 */
+.m-id-badge {
+ display: inline-flex;
+ align-items: center;
+ padding: 2px 8px;
+ border-radius: 4px;
+ font-size: 12px;
+ font-weight: 500;
+ line-height: 1.4;
+ white-space: nowrap;
+}
+.m-id-badge--admin { background: var(--warning-soft); color: var(--warning); }
+.m-id-badge--member { background: var(--action-soft); color: var(--action); }
+.m-id-badge--user { background: var(--surface-muted); color: var(--text-secondary); }
+.m-id-badge--suspended { background: var(--market-up-soft); color: var(--market-up); }
+
+/* 卡外底部说明 */
+.m-footnote {
+ margin: 10px 14px 16px;
+ font-size: var(--font-size-aux);
+ color: var(--text-tertiary);
+ line-height: 1.5;
+}
+
+/* 表单 label 右侧规则小字 */
+.m-field-hint {
+ font-size: var(--font-size-aux);
+ color: var(--text-tertiary);
+ font-weight: 400;
+ margin-left: 6px;
+}
+
+/* 会员状态 hero 卡 */
+.m-membership-hero {
+ display: flex;
+ flex-direction: column;
+ gap: 6px;
+ padding: 16px;
+}
+.m-membership-hero-top {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+.m-membership-hero-status { font-size: 12px; color: var(--text-secondary); }
+.m-membership-hero-status--down { color: var(--market-down); }
+.m-membership-hero-status--up { color: var(--market-up); }
+.m-membership-hero-status--muted { color: var(--text-tertiary); }
+.m-membership-hero-title {
+ font-size: var(--font-size-metric);
+ font-weight: 700;
+ color: var(--text-primary);
+ line-height: 1.2;
+}
+.m-membership-hero-sub {
+ font-size: var(--font-size-label);
+ color: var(--text-secondary);
+ line-height: 1.5;
+}
+
+/* 系统设置：刷新卡 */
+.m-admin-view {
+ margin: 10px 14px 0;
+ font-size: 12px;
+ color: var(--text-tertiary);
+}
+.m-refresh-desc {
+ display: flex;
+ align-items: flex-start;
+ gap: 8px;
+ margin-bottom: 14px;
+ font-size: 12px;
+ color: var(--text-secondary);
+ line-height: 1.5;
+}
+.m-refresh-desc svg { flex: 0 0 auto; color: var(--text-tertiary); margin-top: 1px; }
+.m-refresh-result {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ margin-top: 10px;
+ font-size: 12px;
+ line-height: 1.5;
+}
+.m-refresh-result svg { flex: 0 0 auto; }
+.m-refresh-result--ok { color: var(--market-down); }
+.m-refresh-result--busy { color: var(--warning); }
+
+/* 会员管理 */
+.m-members-summary {
+ margin: 10px 14px 2px;
+ font-size: 12px;
+ color: var(--text-secondary);
+}
+.m-member-list { padding: 0 12px; }
+.m-member-row {
+ appearance: none;
+ border: none;
+ background: transparent;
+ border-bottom: 1px solid var(--border);
+ padding: 10px 0;
+ min-height: 64px;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ width: 100%;
+ text-align: left;
+ cursor: pointer;
+ -webkit-tap-highlight-color: transparent;
+}
+.m-member-row:active { background: var(--surface-hover); }
+.m-member-row-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
+.m-member-row-title {
+ font-size: var(--font-size-body);
+ font-weight: 500;
+ color: var(--text-primary);
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ min-width: 0;
+}
+.m-member-me { font-size: var(--font-size-aux); color: var(--text-tertiary); font-weight: 400; }
+.m-member-row-summary {
+ font-size: 12px;
+ color: var(--text-tertiary);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.m-member-side {
+ flex: 0 0 auto;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ gap: 4px;
+}
+.m-member-used { font-size: var(--font-size-aux); color: var(--text-tertiary); }
+.m-member-row-chevron { flex: 0 0 auto; color: var(--text-tertiary); display: inline-flex; }
+
+/* 会员操作抽屉 */
+.m-member-drawer-summary {
+ margin: 0 0 14px;
+ font-size: 12px;
+ color: var(--text-secondary);
+ line-height: 1.5;
+}
+.m-member-drawer-field { margin-bottom: 14px; }
+.m-member-drawer-label {
+ display: block;
+ margin-bottom: 8px;
+ font-size: var(--font-size-label);
+ color: var(--text-secondary);
+}
+.m-member-drawer-hint {
+ margin: -6px 0 12px;
+ font-size: var(--font-size-aux);
+ color: var(--text-tertiary);
+}
diff --git a/app/frontend/m/js/pages.js b/app/frontend/m/js/pages.js
index 6ca154f..35e1792 100644
--- a/app/frontend/m/js/pages.js
+++ b/app/frontend/m/js/pages.js
@@ -90,6 +90,9 @@
"calendar-check": '',
"sticky-note": '',
bell: '',
+ lock: '',
+ "check-circle": '',
+ "alert-circle": '',
};
function icon(name, size) {
@@ -186,6 +189,19 @@
form: null,
dirty: false,
},
+ system: {
+ subKey: "",
+ profile: null,
+ status: null,
+ members: null,
+ memberDraft: null,
+ memberInitialStatus: "inactive",
+ memberStatus: "inactive",
+ memberDuration: "1_month",
+ refreshSubmitting: false,
+ refreshResult: "",
+ refreshError: "",
+ },
};
let sheetToken = 0;
@@ -3067,6 +3083,11 @@
"review/daily": setupReviewPage,
"review/notes": setupReviewPage,
"review/alerts": setupReviewPage,
+ "system/profile": setupSystemPage,
+ "system/password": setupSystemPage,
+ "system/membership": setupSystemPage,
+ "system/admin": setupSystemPage,
+ "system/members": setupSystemPage,
};
const COMPLEX_LOADERS = {
@@ -3085,6 +3106,11 @@
"review/daily": loadReview,
"review/notes": loadReview,
"review/alerts": loadReview,
+ "system/profile": loadSystem,
+ "system/password": loadSystem,
+ "system/membership": loadSystem,
+ "system/admin": loadSystem,
+ "system/members": loadSystem,
};
function isComplexPage(key) {
@@ -4323,6 +4349,536 @@
});
}
+ /* ---------------------------------------------------------------- 系统管理（P4） */
+
+ function systemSubKey(key) {
+ const parts = String(key || "").split("/");
+ return parts[1] || "";
+ }
+
+ function systemTitle(key) {
+ const map = {
+ profile: "账号资料",
+ password: "修改密码",
+ membership: "会员状态",
+ admin: "系统设置",
+ members: "会员管理"
+ };
+ return map[systemSubKey(key)] || "系统管理";
+ }
+
+ function systemIdentity(role, membership) {
+ if (role === "admin" || (membership && membership.is_admin)) return "admin";
+ if (membership && membership.subscribed) return "member";
+ if (membership && membership.status === "suspended") return "suspended";
+ return "user";
+ }
+
+ function idBadgeHtml(kind) {
+ const labels = { admin: "管理员", member: "有效会员", user: "普通用户", suspended: "已停用" };
+ return '' + escapeHtml(labels[kind] || "普通用户") + "";
+ }
+
+ function kvRowHtml(label, valueHtml, tone) {
+ const cls = tone ? " m-kv-value--" + tone : "";
+ return '' +
+ '' + escapeHtml(label) + "" +
+ '' + valueHtml + "" +
+ "
";
+ }
+
+ function systemAccountStatus(membership) {
+ const m = membership || {};
+ if (m.subscribed) return { text: "生效中", tone: "" };
+ if (m.status === "suspended") return { text: "已停用", tone: "danger" };
+ return { text: "未开通会员", tone: "muted" };
+ }
+
+ function memberStatusSmall(membership) {
+ const m = membership || {};
+ if (m.status === "active") return { text: "生效中", cls: "down" };
+ if (m.status === "suspended") return { text: "已停用", cls: "up" };
+ return { text: "未开通", cls: "muted" };
+ }
+
+ function memberSummaryText(u) {
+ if (u.membership_subscribed) {
+ if (u.membership_plan === "永久") return "长期有效";
+ const expires = String(u.membership_expires_at || "").slice(0, 10);
+ return expires ? "有效至 " + expires : "有效会员";
+ }
+ if (u.membership_status === "suspended") return "会员已停用";
+ const expires = String(u.membership_expires_at || "").slice(0, 10);
+ if (expires) return "已于 " + expires + " 到期";
+ return "尚未开通";
+ }
+
+ function systemErrorState(kind) {
+ return '' + escapeHtml(kind) + "加载失败
" +
+ '
' +
+ '
' + icon("lock", 26) + "" +
+ "
需要管理员权限
" +
+ '
' +
+ "
账号
' +
+ '' +
+ kvRowHtml("用户名", escapeHtml(user.username || "--")) +
+ kvRowHtml("身份", idBadgeHtml(identity)) +
+ kvRowHtml("注册时间", escapeHtml(created || "--")) +
+ kvRowHtml("账号状态", escapeHtml(accountStatus.text), accountStatus.tone) +
+ "
" +
+ '';
+ }
+
+ /* ----- 修改密码 ----- */
+
+ function renderPasswordForm() {
+ return '' +
+ '
" +
+ '
' +
+ "
' +
+ '
' + idBadgeHtml(identity) +
+ '' + escapeHtml(statusSmall.text) + "
" +
+ '
' + escapeHtml(heroTitle) + "
" +
+ '
' + escapeHtml(heroSub) + "
" +
+ "
' +
+ stripCell("今日已用", escapeHtml(used)) +
+ stripCell("每日额度", escapeHtml(limit)) +
+ stripCell("剩余次数", escapeHtml(remaining)) +
+ "
" +
+ '会员权益
' +
+ '' +
+ kvRowHtml("智能功能", escapeHtml(smartFeature), (subscribed || isAdmin) ? "" : "muted") +
+ kvRowHtml("每日智能分析额度", escapeHtml(quota)) +
+ '
会员额度由管理员统一设置
' +
+ "
管理员视图
' +
+ '数据刷新
' +
+ '' +
+ '
' + icon("refresh-cw", 16) + "立即拉取今日最新行情数据。刷新在后台进行，期间页面数据保持不变，完成后自动生效。
" +
+ (err ? '
' + escapeHtml(err) + "
" : "") +
+ '
" +
+ (state.system.refreshResult || "") +
+ "
' + icon("check-circle", 14) +
+ "" + escapeHtml(message) + " · 今天 " + escapeHtml(currentTimeHM()) + "
";
+ }
+ return '' + icon("alert-circle", 14) +
+ "" + escapeHtml(message) + "
";
+ }
+
+ function startSystemRefresh() {
+ if (state.system.refreshSubmitting) return;
+ state.system.refreshSubmitting = true;
+ state.system.refreshResult = "";
+ state.system.refreshError = "";
+ const btn = document.querySelector("[data-system-refresh]");
+ if (btn) {
+ btn.disabled = true;
+ btn.innerHTML = '刷新中…';
+ }
+ global.MobileAPI.request("/api/admin/refresh", "POST", { trade_date: todayString() }).then(function (payload) {
+ state.system.refreshSubmitting = false;
+ const started = Boolean(payload && payload.started);
+ const message = (payload && payload.message) || (started ? "后台刷新已开始" : "已有后台刷新任务正在运行");
+ state.system.refreshResult = refreshResultHtml(started, message);
+ const scroll = document.getElementById("m-scroll");
+ if (scroll) scroll.innerHTML = renderSystemAdmin();
+ }).catch(function (error) {
+ state.system.refreshSubmitting = false;
+ state.system.refreshError = (error && error.message) || "刷新失败";
+ const scroll = document.getElementById("m-scroll");
+ if (scroll) scroll.innerHTML = renderSystemAdmin();
+ });
+ }
+
+ /* ----- 会员管理（仅管理员） ----- */
+
+ function loadSystemMembers() {
+ const seq = nextSeq();
+ global.MobileAPI.request("/api/admin/settings").then(function (payload) {
+ if (seq !== state.seq) return;
+ state.system.members = (payload && payload.users) || [];
+ renderSystemMembers();
+ }).catch(function () {
+ if (seq !== state.seq) return;
+ const scroll = document.getElementById("m-scroll");
+ if (scroll) scroll.innerHTML = systemErrorState("会员管理");
+ });
+ }
+
+ function renderSystemMembers() {
+ const scroll = document.getElementById("m-scroll");
+ if (!scroll) return;
+ const users = state.system.members || [];
+ const me = global.MobileSession.state.user || {};
+ const meId = me.id != null ? String(me.id) : "";
+ const meUsername = me.username || "";
+ const total = users.length;
+ const activeCount = users.filter(function (u) { return u.membership_subscribed; }).length;
+ const adminCount = users.filter(function (u) { return String(u.role) === "admin"; }).length;
+ const summary = "共 " + total + " 个账号 · 有效会员 " + activeCount + " · 管理员 " + adminCount;
+
+ const rows = users.map(function (u) {
+ const isMe = (meId && String(u.id) === meId) || (meUsername && u.username === meUsername);
+ const identity = systemIdentity(String(u.role), { is_admin: String(u.role) === "admin", subscribed: Boolean(u.membership_subscribed), status: String(u.membership_status || "inactive") });
+ const usedText = "今日 " + (u.used_today != null ? u.used_today : 0) + " 次";
+ return '";
+ }).join("");
+
+ scroll.innerHTML =
+ '' + escapeHtml(summary) + "
" +
+ '' + rows + "
" +
+ '';
+ }
+
+ function openMemberDrawer(userId) {
+ const user = (state.system.members || []).find(function (u) { return String(u.id) === String(userId); });
+ if (!user) return;
+ state.system.memberDraft = user;
+ let initialStatus = "inactive";
+ if (String(user.membership_status) === "suspended") initialStatus = "suspended";
+ else if (user.membership_subscribed) initialStatus = "active";
+ state.system.memberInitialStatus = initialStatus;
+ state.system.memberStatus = initialStatus;
+ state.system.memberDuration = "1_month";
+ openSheet(memberDrawerBody(user), { detail: false });
+ syncMemberApplyButton();
+ }
+
+ function memberSegHtml(group, options, selected) {
+ return '' +
+ options.map(function (opt) {
+ const active = opt.key === selected;
+ return '";
+ }).join("") +
+ "
";
+ }
+
+ function memberDrawerBody(user) {
+ const statusOpts = [
+ { key: "inactive", label: "未开通" },
+ { key: "active", label: "有效" },
+ { key: "suspended", label: "停用" }
+ ];
+ const durationOpts = [
+ { key: "1_month", label: "1个月" },
+ { key: "3_months", label: "3个月" },
+ { key: "12_months", label: "12个月" },
+ { key: "3_years", label: "3年" },
+ { key: "permanent", label: "永久" }
+ ];
+ return '会员设置 · ' + escapeHtml(user.username || "") + '
' +
+ '" +
+ '' +
+ '
当前：' + escapeHtml(memberSummaryText(user)) + "
" +
+ '
会员状态' + memberSegHtml("status", statusOpts, state.system.memberStatus) + "
" +
+ '
开通/续期时长' + memberSegHtml("duration", durationOpts, state.system.memberDuration) + "
" +
+ '
续期从当前到期日顺延
' +
+ '
' +
+ '
' +
+ "