115 lines
11 KiB
HTML
115 lines
11 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>风险工作台 · 南方财富</title>
|
||
<link rel="stylesheet" href="/static/portal/common/base.css">
|
||
<link rel="stylesheet" href="/static/portal/employee-risk/dashboard/dashboard.css">
|
||
</head>
|
||
<body>
|
||
<main id="main-content" class="page-shell operations-shell">
|
||
<section class="operations-hero fade-in">
|
||
<div class="operations-hero__content">
|
||
<p class="operations-kicker">场内基金模拟交易风险监测</p>
|
||
<h1 class="operations-hero__title">风险事件研判与处置工作台</h1>
|
||
<p class="operations-hero__copy">聚合规则扫描、预警证据、人工处置与通知结果，所有状态变化均由服务端鉴权并留存审计。</p>
|
||
</div>
|
||
<div class="operations-hero__meta"><strong data-staff-name>当前操作员</strong><span data-data-scope>数据范围加载中</span></div>
|
||
</section>
|
||
|
||
<section class="metric-grid" data-risk-metrics aria-label="风险概览"></section>
|
||
|
||
<section class="operations-layout">
|
||
<article class="panel panel--flush risk-main-panel">
|
||
<div class="operations-tabs" role="tablist" aria-label="风险功能">
|
||
<button class="operations-tab" type="button" role="tab" aria-selected="true" data-tab="alerts">预警队列</button>
|
||
<button class="operations-tab" type="button" role="tab" aria-selected="false" data-tab="evidence">证据查询</button>
|
||
<button class="operations-tab" type="button" role="tab" aria-selected="false" data-tab="notifications">通知记录</button>
|
||
<button class="operations-tab" type="button" role="tab" aria-selected="false" data-tab="assistant">风控助手</button>
|
||
</div>
|
||
|
||
<section class="operations-view" data-view="alerts">
|
||
<form class="risk-filter operations-toolbar" data-alert-filter>
|
||
<label class="form-field"><span class="form-field__label">关键词</span><input class="form-field__input" name="keyword" maxlength="128" placeholder="预警、客户或产品"></label>
|
||
<label class="form-field"><span class="form-field__label">客户编号</span><input class="form-field__input" name="customer_no" maxlength="32" placeholder="业务客户编号"></label>
|
||
<label class="form-field"><span class="form-field__label">产品代码</span><input class="form-field__input" name="product_code" maxlength="32" placeholder="场内基金代码"></label>
|
||
<label class="form-field"><span class="form-field__label">风险等级</span><select class="form-field__input" name="risk_level"><option value="">全部等级</option><option value="高">高风险</option><option value="中">中风险</option><option value="低">低风险</option></select></label>
|
||
<label class="form-field"><span class="form-field__label">规则编号</span><input class="form-field__input" name="rule_code" pattern="RW-[0-9]{3}" placeholder="RW-007"></label>
|
||
<div class="operations-toolbar__actions"><button class="button" type="submit">查询</button><button class="button button--primary" type="button" data-scan data-permission-required="risk:alert:scan">手动扫描</button></div>
|
||
</form>
|
||
<div data-alert-table></div>
|
||
<div class="operations-pagination"><button class="button table-action" type="button" data-alert-prev disabled>上一页</button><button class="button table-action" type="button" data-alert-next disabled>下一页</button></div>
|
||
</section>
|
||
|
||
<section class="operations-view" data-view="evidence" hidden>
|
||
<form class="risk-filter operations-toolbar" data-evidence-filter>
|
||
<label class="form-field"><span class="form-field__label">证据类型</span><select class="form-field__input" name="source"><option value="customers">客户</option><option value="products">产品</option><option value="transactions">交易</option><option value="capital_flows">资金流水</option><option value="holdings">持仓</option><option value="login_records">登录记录</option><option value="alerts">风险预警</option><option value="notifications">通知</option></select></label>
|
||
<label class="form-field"><span class="form-field__label">关键词</span><input class="form-field__input" name="keyword" maxlength="128" placeholder="按当前证据字段检索"></label>
|
||
<label class="form-field"><span class="form-field__label">行为关注度</span><select class="form-field__input" name="behavior_level"><option value="">全部</option><option value="normal">正常</option><option value="slight">轻微</option><option value="attention">关注</option><option value="high">高关注</option><option value="immediate">立即处理</option></select></label>
|
||
<label class="form-field"><span class="form-field__label">开始时间</span><input class="form-field__input" type="datetime-local" name="start_time"></label>
|
||
<label class="form-field"><span class="form-field__label">结束时间</span><input class="form-field__input" type="datetime-local" name="end_time"></label>
|
||
<div class="operations-toolbar__actions"><button class="button" type="submit">查询证据</button></div>
|
||
</form>
|
||
<div data-evidence-table></div>
|
||
<div class="operations-pagination"><button class="button table-action" type="button" data-evidence-prev disabled>上一页</button><button class="button table-action" type="button" data-evidence-next disabled>下一页</button></div>
|
||
</section>
|
||
|
||
<section class="operations-view" data-view="notifications" hidden>
|
||
<form class="risk-filter operations-toolbar" data-notification-filter>
|
||
<label class="form-field"><span class="form-field__label">关键词</span><input class="form-field__input" name="keyword" maxlength="128" placeholder="通知或预警编号"></label>
|
||
<label class="form-field"><span class="form-field__label">发送状态</span><select class="form-field__input" name="send_status"><option value="">全部状态</option><option>待发送</option><option>已发送</option><option>发送失败</option><option>未启用</option></select></label>
|
||
<div class="operations-toolbar__actions"><button class="button" type="submit">查询通知</button></div>
|
||
</form>
|
||
<div data-notification-table></div>
|
||
<div class="operations-pagination"><button class="button table-action" type="button" data-notification-prev disabled>上一页</button><button class="button table-action" type="button" data-notification-next disabled>下一页</button></div>
|
||
</section>
|
||
|
||
<section class="operations-view risk-assistant" data-view="assistant" hidden>
|
||
<div class="risk-assistant__intro"><div><h2>奶龙风控智能助手</h2><p>用于查询风险概览、预警和证据，结论仅作为人工研判草案。</p></div><span class="tag tag--neutral">只读分析</span></div>
|
||
<div class="risk-chat" data-chat-log aria-live="polite"><div class="risk-message risk-message--assistant">请选择下方常用问题，或输入需要核查的风险事项。</div></div>
|
||
<div class="risk-prompts"><button type="button" data-prompt="查看当前风险概览">当前风险概览</button><button type="button" data-prompt="查询高风险预警">高风险预警</button><button type="button" data-prompt="说明风控助手的能力边界">能力边界</button></div>
|
||
<form class="risk-composer" data-agent-form><label class="sr-only" for="risk-message">风控问题</label><input id="risk-message" class="form-field__input" name="message" maxlength="2000" placeholder="输入风险查询问题" required><button class="button button--primary" type="submit" data-permission-required="agent:run">发送</button></form>
|
||
</section>
|
||
</article>
|
||
|
||
<aside class="operations-stack">
|
||
<article class="panel"><div class="panel__header"><h2 class="panel__title">重点预警</h2><span class="tag tag--accent">高风险优先</span></div><div class="panel__body" data-high-priority></div></article>
|
||
<article class="panel"><div class="panel__header"><h2 class="panel__title">风险日报</h2></div><div class="panel__body risk-report-entry"><p>日报统计、处置结果与规则效果均来自服务端生成结果。</p><button class="button button--primary" type="button" data-open-report>生成日报</button></div></article>
|
||
</aside>
|
||
</section>
|
||
</main>
|
||
|
||
<dialog class="operations-dialog" data-alert-dialog>
|
||
<div class="operations-dialog__header"><h2>预警详情</h2><button class="button icon-button" type="button" data-close-alert aria-label="关闭">×</button></div>
|
||
<div class="operations-dialog__body" data-alert-detail></div>
|
||
<div class="operations-dialog__footer" data-alert-actions></div>
|
||
</dialog>
|
||
|
||
<dialog class="operations-dialog action-dialog" data-action-dialog>
|
||
<form data-action-form>
|
||
<div class="operations-dialog__header"><h2 data-action-title>确认操作</h2><button class="button icon-button" type="button" data-close-action aria-label="关闭">×</button></div>
|
||
<div class="operations-dialog__body"><p class="action-dialog__copy" data-action-copy></p><label class="form-field" data-action-field hidden><span class="form-field__label" data-action-label>处理说明</span><textarea class="form-field__input action-dialog__textarea" name="reason" maxlength="500"></textarea></label><div class="form-alert" data-action-alert></div></div>
|
||
<div class="operations-dialog__footer"><button class="button" type="button" data-close-action>取消</button><button class="button button--primary" type="submit">确认提交</button></div>
|
||
</form>
|
||
</dialog>
|
||
|
||
<dialog class="operations-dialog" data-report-dialog>
|
||
<form data-report-form>
|
||
<div class="operations-dialog__header"><h2>风险日报</h2><button class="button icon-button" type="button" data-close-report aria-label="关闭">×</button></div>
|
||
<div class="operations-dialog__body">
|
||
<div class="risk-report-controls"><label class="form-field"><span class="form-field__label">报告日期</span><input class="form-field__input" type="date" name="report_date"></label><button class="button" type="button" data-generate-report>流式生成</button></div>
|
||
<p class="risk-report-status" data-report-status>选择日期后生成日报。</p>
|
||
<label class="form-field"><span class="form-field__label">日报内容</span><textarea class="form-field__input risk-report-content" name="content" maxlength="20000" required></textarea></label>
|
||
<label class="form-field"><span class="form-field__label">邮件主题</span><input class="form-field__input" name="subject" maxlength="128" value="南方财富风控日报" required></label>
|
||
<label class="form-field"><span class="form-field__label">收件邮箱</span><input class="form-field__input" name="recipients" placeholder="多个邮箱用逗号分隔" required></label>
|
||
<div class="form-alert" data-report-alert></div>
|
||
</div>
|
||
<div class="operations-dialog__footer"><button class="button" type="button" data-close-report>关闭</button><button class="button button--primary" type="submit" data-permission-required="risk:report:mail">发送日报邮件</button></div>
|
||
</form>
|
||
</dialog>
|
||
|
||
<script type="module" src="/static/portal/employee-risk/dashboard/dashboard.js?v=20260913-2"></script>
|
||
</body>
|
||
</html>
|