Commit 6eac98c4 authored by Data Governance Dev's avatar Data Governance Dev

feat(web3): 数据质量页加「点击 ! 图标 AI 分析」入口提示

任务信息条右侧大片空白,用户不知道数据明细里红色 ! 图标可以点,
P2 上线的「一键问 LLM」功能完全没被触达。

加 .ai-hint chip:橙底橙字 + pill 圆角 + hover 加深,v-if="rows.length > 0"
只在有不合规行时显示。文案:💡 点击单元格的红色 ! 图标进行 AI 分析,
红色 ! 复用表格 ! icon 同色(#f56c6c)做视觉关联。
parent b56174a1
...@@ -55,6 +55,17 @@ ...@@ -55,6 +55,17 @@
· 命中不合规 <b style="color:#f56c6c;">{{ lastResult.bad_rows }}</b> 条 · 命中不合规 <b style="color:#f56c6c;">{{ lastResult.bad_rows }}</b> 条
</span> </span>
<span class="meta" v-else style="color:#909399;">尚未查询</span> <span class="meta" v-else style="color:#909399;">尚未查询</span>
<!--
2026-08-24:右侧加 AI 分析提示 —— 告诉用户数据明细里的红色 ! 图标可以点,
弹出对话框让 LLM 分析违规原因 + 检查规则描述与代码是否一致。
只有在有不合规行时才显示(没数据可分析时提示无意义);margin-left: auto 推到右侧。
用 .ai-hint chip 样式(橙底橙字 + hover 加深)让提示更醒目,用户一眼能看到入口。
-->
<span
v-if="rows.length > 0"
class="ai-hint"
title="点击数据明细里的红色 ! 图标,让 AI 分析违规原因,并审查规则描述与代码是否一致"
>💡 点击单元格的红色 <b>!</b> 图标进行 AI 分析</span>
</div> </div>
<!-- 结果区:表头操作 + 通用结果表 --> <!-- 结果区:表头操作 + 通用结果表 -->
...@@ -645,4 +656,26 @@ onBeforeUnmount(() => { ...@@ -645,4 +656,26 @@ onBeforeUnmount(() => {
gap: 8px; gap: 8px;
font-size: 13px; font-size: 13px;
} }
/* 2026-08-24:AI 分析入口提示 chip —— 橙底橙字 + hover 加深,比纯灰字更醒目 */
.ai-hint {
margin-left: auto;
padding: 4px 12px;
background: #fdf6ec;
border: 1px solid #faecd8;
color: #c47a25;
font-size: 12px;
border-radius: 12px;
user-select: none;
cursor: help;
transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.ai-hint:hover {
background: #faecd8;
border-color: #f0c896;
color: #a0641c;
}
.ai-hint b {
color: #f56c6c;
margin: 0 1px;
}
</style> </style>
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment