a957b39cc0
- Landing: 主 CTA “先做快速审核” 升级为主按钮，移除多余的次按钮，添加 hero-note 与 hero-divider 让首屏节奏更稳
- Landing: hero-points 收口为 3 个差异化卖点，第 1 个加 lead 背景，右侧风险卡降饱和、避免压过主 CTA
- Landing: 删去旧“志愿方案审计更聚焦/先下单后补资料/站内可追踪交付”重复卡片
- Public: /privacy /service-terms /deletion-policy 接 portal-ui.css 并改成双段 panel + 列表结构
- Portal: /portal/{token}/notifications /portal/{token}/deletion-request 接 portal-ui.css 与新的工具条 / 表单字段化
- Admin: /admin/orders/new 接 portal-ui.css，添加“人工补录更直接/与后台订单主链一致/字段业务语义化”信任块
- Admin: /admin/notifications /admin/ops-alerts 接 portal-ui.css，添加 meta-grid 摘要并把 “payload / details” 改名为“通知内容摘要 / 详细上下文”
- Tests: 锁住 shared CSS、关键产品化文案、Portal 与 admin 页结构断言
152 lines
7.4 KiB
Python
152 lines
7.4 KiB
Python
"""轻量管理后台页面路由。"""
|
||
|
||
from __future__ import annotations
|
||
|
||
from pathlib import Path
|
||
from typing import Any, Callable, Optional, cast
|
||
|
||
from fastapi import APIRouter, Query, Request
|
||
from fastapi.responses import FileResponse, HTMLResponse
|
||
|
||
from admin.config import Settings, get_settings_dep
|
||
from admin.share_page import (
|
||
load_report_from_directory,
|
||
render_share_page,
|
||
status_code_for_result,
|
||
)
|
||
from data.share.short_link import route_short_link_with_report
|
||
|
||
|
||
router = APIRouter(tags=["ui"])
|
||
|
||
_STATIC_DIR = Path(__file__).resolve().parent.parent / "static"
|
||
_DASHBOARD_HTML = _STATIC_DIR / "dashboard.html"
|
||
|
||
|
||
@router.get("/dashboard", include_in_schema=False)
|
||
def dashboard_page() -> FileResponse:
|
||
"""返回最小仪表盘页面壳。"""
|
||
return FileResponse(_DASHBOARD_HTML)
|
||
|
||
|
||
@router.get("/admin/orders/new", include_in_schema=False)
|
||
def admin_new_order_page() -> HTMLResponse:
|
||
return HTMLResponse(_render_admin_new_order_page())
|
||
|
||
|
||
@router.get("/s/{code}", include_in_schema=False)
|
||
def share_page(
|
||
code: str,
|
||
request: Request,
|
||
pwd: Optional[str] = Query(default=None),
|
||
) -> HTMLResponse:
|
||
"""公开分享页（T7.5）。"""
|
||
settings = get_settings_dep(request)
|
||
report_loader = _resolve_report_loader(request, settings)
|
||
result = route_short_link_with_report(
|
||
code,
|
||
password=pwd,
|
||
base_url=str(request.base_url).rstrip("/"),
|
||
db_path=Path(settings.share_db_path),
|
||
report_loader=report_loader,
|
||
)
|
||
html = render_share_page(result, password=pwd)
|
||
return HTMLResponse(html, status_code=status_code_for_result(result))
|
||
|
||
|
||
def _resolve_report_loader(
|
||
request: Request, settings: Settings
|
||
) -> Optional[Callable[[str], Optional[dict[str, Any]]]]:
|
||
custom_loader = getattr(request.app.state, "share_report_loader", None)
|
||
if callable(custom_loader):
|
||
return cast(Callable[[str], Optional[dict[str, Any]]], custom_loader)
|
||
|
||
report_dir = settings.share_report_dir
|
||
if not report_dir:
|
||
return None
|
||
|
||
def _loader(report_id: str) -> Optional[dict]:
|
||
return load_report_from_directory(report_id, report_dir)
|
||
|
||
return _loader
|
||
|
||
|
||
def _render_admin_new_order_page() -> str:
|
||
province_options = [
|
||
"北京", "上海", "天津", "重庆", "河北", "河南", "山东", "山西", "陕西", "辽宁", "吉林", "黑龙江", "江苏", "浙江", "安徽", "福建", "江西", "湖北", "湖南", "广东", "广西", "海南", "四川", "贵州", "云南", "甘肃", "青海", "宁夏", "新疆", "内蒙古", "西藏",
|
||
]
|
||
province_html = "".join(
|
||
f"<option value=\"{p}\">{p}</option>" for p in province_options
|
||
)
|
||
return f"""<!doctype html>
|
||
<html lang='zh-CN'><head><meta charset='utf-8' /><meta name='viewport' content='width=device-width, initial-scale=1' /><title>后台手动添加订单</title>
|
||
<link rel='stylesheet' href='/static/portal-ui.css' />
|
||
<style>
|
||
body {{ font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f4f7fb;color:#172033;margin:0; }}
|
||
.wrap {{ max-width:960px; margin:0 auto; padding:32px 20px; display:grid; gap:16px; }}
|
||
.panel {{ background:#fff;border:1px solid #dbe3f0;border-radius:20px;padding:24px; box-shadow:0 18px 42px rgba(20,34,53,.08); }}
|
||
.grid {{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }}
|
||
.field {{ display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }}
|
||
input, select, textarea {{ width:100%; padding:12px; border-radius:12px; border:1px solid #cfd7e6; }}
|
||
textarea {{ min-height:110px; resize:vertical; }}
|
||
button {{ border:none;border-radius:14px;background:#1f6feb;color:#fff;font-weight:700;padding:13px 18px;cursor:pointer; }}
|
||
.helper {{ color:#5b6b88; line-height:1.7; }}
|
||
.proof {{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0 20px; }}
|
||
.proof-item {{ padding:14px 16px; border-radius:16px; background:linear-gradient(180deg,#f8fbff,#eef5ff); border:1px solid #d7e3f1; }}
|
||
.proof-item strong {{ display:block; margin-bottom:4px; }}
|
||
#result {{ margin-top:14px; min-height:24px; color:#5b6b88; white-space:pre-wrap; }}
|
||
@media (max-width: 900px) {{ .grid, .proof {{ grid-template-columns:1fr; }} }}
|
||
</style>
|
||
</head><body><main class='wrap'>
|
||
<section class='panel'><span class='portal-eyebrow'>后台录单</span><h1>后台手动添加订单</h1><p class='helper'>用于人工服务场景下的补录、客服录单或线下沟通后的订单补建。页面会读取当前登录态调用 <code>/api/orders</code>。</p></section>
|
||
<section class='panel'>
|
||
<div class='proof'>
|
||
<article class='proof-item'><strong>人工补录更直接</strong><span>适合客服、学校渠道或线下沟通后补建订单。</span></article>
|
||
<article class='proof-item'><strong>与后台订单主链一致</strong><span>录入后仍会进入统一订单、通知与交付链路。</span></article>
|
||
<article class='proof-item'><strong>字段尽量按业务语义展示</strong><span>避免让后台录单页继续像内部测试表单。</span></article>
|
||
</div>
|
||
<form id='order-form'>
|
||
<div class='grid'>
|
||
<div class='field'><label>来源</label><select name='source'><option value='wechat'>wechat</option><option value='xianyu'>xianyu</option><option value='web'>web</option><option value='school'>school</option></select></div>
|
||
<div class='field'><label>服务版本</label><select name='service_version'><option value='audit'>audit</option><option value='basic'>basic</option><option value='standard' selected>standard</option><option value='premium'>premium</option></select></div>
|
||
<div class='field'><label>金额（分）</label><input name='amount_cents' value='9900' /></div>
|
||
<div class='field'><label>称呼</label><input name='customer_name' placeholder='可选，例如：张同学 / 张家长' /></div>
|
||
<div class='field'><label>手机号</label><input name='customer_phone' /></div>
|
||
<div class='field'><label>微信</label><input name='customer_wechat' /></div>
|
||
<div class='field'><label>考生姓名</label><input name='candidate_name' /></div>
|
||
<div class='field'><label>考试省份</label><select name='candidate_province'>{province_html}</select></div>
|
||
</div>
|
||
<div class='field'><label>备注</label><textarea name='notes'></textarea></div>
|
||
<button type='submit'>创建订单</button>
|
||
</form>
|
||
<div id='result'></div>
|
||
</section></main>
|
||
<script>
|
||
const TOKEN_KEY = 'gaokao_admin_dashboard_token';
|
||
document.getElementById('order-form').addEventListener('submit', async function(event) {{
|
||
event.preventDefault();
|
||
const token = window.sessionStorage.getItem(TOKEN_KEY) || '';
|
||
const form = new FormData(event.target);
|
||
const payload = {{
|
||
source: form.get('source'),
|
||
service_version: form.get('service_version'),
|
||
amount_cents: Number(form.get('amount_cents') || 0),
|
||
customer_name: form.get('customer_name') || null,
|
||
customer_phone: form.get('customer_phone') || null,
|
||
customer_wechat: form.get('customer_wechat') || null,
|
||
candidate_name: form.get('candidate_name') || null,
|
||
candidate_province: form.get('candidate_province') || null,
|
||
notes: form.get('notes') || null,
|
||
}};
|
||
const resultNode = document.getElementById('result');
|
||
resultNode.textContent = '正在创建订单…';
|
||
const resp = await fetch('/api/orders', {{
|
||
method: 'POST',
|
||
headers: {{ 'Content-Type': 'application/json', 'Authorization': `Bearer ${{token}}` }},
|
||
body: JSON.stringify(payload),
|
||
}});
|
||
const body = await resp.json();
|
||
resultNode.textContent = JSON.stringify(body, null, 2);
|
||
}});
|
||
</script></body></html>"""
|