bot_dev1
7a2e45e7c4
- 新增 web/shared：pro.css（AntD 5 设计系统，旧 CSS 变量统一映射 AntD 色板）、 session.js（后端优先+本地账号降级双轨会话，IAOP_AUTH 兼容层）、 pro-header.js（全站统一 Pro 导航条：logo/页题/用户角色 Tag/退出） - 门户 web/index.html：未登录跳登录页（next 回跳），登录后按角色过滤 可见模块（readonly→驾驶舱/助手/移动端；engineer→+配置台；admin→全部） - 登录页 auth/login.html 重写为 Ant Design Pro 风格，本地降级模式自动 播种演示账号（admin/engineer/viewer），保留 OIDC SSO 双轨入口 - user_store.js 新增 verify() + seedDefaults() 默认账号播种 - 六模块页统一接入 pro.css + 统一导航条 + 登录守卫（PRD 8.2） - 驾驶舱主题 dark→light（Ant Design 5 色板）：renderer.py THEME_TOKENS、 ti-cl4/resin 模板 theme、告警三级配色对齐 AntD（P0 #ff4d4f/P1 #faad14/ P2 #1677ff），渲染计划已重编（build_plans.py） - 验证：core/cockpit 86 单测通过；JS 语法检查通过；静态冒烟全 200
72 lines
3.1 KiB
HTML
72 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>iAOP 对话助手（增强版）</title>
|
||
<link rel="stylesheet" href="assistant.css">
|
||
<link rel="stylesheet" href="../shared/pro.css">
|
||
</head>
|
||
<body data-pro-title="对话助手">
|
||
<!-- iAOP 对话助手增强版（issue #133 / PRD 5.4「④ LLM 网关 + RAG」）
|
||
在 chat_widget.html（#77 雏形）之上完善：消息流 + RAG 引用溯源 +
|
||
路由分级提示（本地/云端）+ DLP 拦截反馈，直连已部署推理服务。
|
||
既有 chat_widget.html 保留不动（仍由 chat_api.py 托管联调）。 -->
|
||
<div id="app">
|
||
<header id="topbar">
|
||
<h1>iAOP 对话助手 <span class="sub">NL 查询 / 报警解释 / 交接班报告 · PRD 5.4</span></h1>
|
||
<div id="service-status">
|
||
<span id="infer-dot" class="dot">●</span>
|
||
<span id="infer-text" class="hint">推理服务检测中…</span>
|
||
</div>
|
||
</header>
|
||
|
||
<div id="messages"></div>
|
||
|
||
<!-- 报警解释场景的结构化输入（PRD 场景A：告警 → 原因+处置建议） -->
|
||
<div id="alarm-inputs" class="scenario-inputs" hidden>
|
||
<select id="alarm-severity">
|
||
<option value="P0">P0（红色告警）</option>
|
||
<option value="P1">P1（加强监控）</option>
|
||
<option value="P2">P2（提示）</option>
|
||
</select>
|
||
<input id="alarm-point" placeholder="告警点位，如 CLF-01.TEMP">
|
||
</div>
|
||
<!-- 交接班报告场景输入（PRD 场景C：按模板章节生成，≤ 2 分钟） -->
|
||
<div id="handover-inputs" class="scenario-inputs" hidden>
|
||
<input id="handover-shift" placeholder="班次，如 早班 08:00-16:00">
|
||
<span class="hint">章节模板：生产概况/异常事项/安全注意事项/能耗/待办（handover_brief.ti.yaml）</span>
|
||
</div>
|
||
|
||
<!-- DLP 拦截反馈条（PRD 5.4：拦截可感知） -->
|
||
<div id="dlp-banner" hidden>
|
||
<strong>DLP 拦截：</strong><span id="dlp-detail"></span>
|
||
<button id="btn-local-fallback">转本地模型处理</button>
|
||
<button id="btn-dlp-dismiss">取消发送</button>
|
||
</div>
|
||
|
||
<div id="panel">
|
||
<select id="scenario">
|
||
<option value="nl_query">自然语言查询</option>
|
||
<option value="alarm_explain">报警解释</option>
|
||
<option value="shift_handover">交接班报告</option>
|
||
</select>
|
||
<input id="question" placeholder="请输入问题，如：氯气流量最近1小时趋势">
|
||
<button id="send">发送</button>
|
||
</div>
|
||
<div class="hint" id="footer-hint">
|
||
路由分级：敏感/核心 → 本地（数据不出厂）；脱敏/通用 → 云端；DLP 命中 → 拦截。
|
||
回答附 RAG 引用溯源（知识库命中时）。
|
||
</div>
|
||
</div>
|
||
<script src="../auth/user_store.js"></script>
|
||
<script src="../shared/session.js"></script>
|
||
<script>
|
||
// 登录守卫（PRD 8.2）：未登录跳登录页，登录后回跳本页（后端优先/本地降级）
|
||
IAOP_SESSION.requireLoginElseRedirect("../auth/login.html");
|
||
</script>
|
||
<script src="../shared/pro-header.js"></script>
|
||
<script src="assistant.js"></script>
|
||
</body>
|
||
</html>
|