Commit 02a8c7ab authored by Data Governance Dev's avatar Data Governance Dev

refactor(web): 自定义规则卡 startJob 后自动折叠 + Filter 换 MagicStick ✨

【折叠】
[web/static/index.html:1619-1624](web/static/index.html#L1619-L1624) startJob()
成功回调里追加 customConfigCollapsed.value = true,跟另外 3 张配置卡
(连接 / 分析配置 / 数据字典浏览器)行为一致 —— 让视觉焦点落到
「分析进度」和「分析结果」上。

注释里的「3 张」改为「配置卡」(表述更准确)。

【icon】
[web/static/index.html:366](web/static/index.html#L366) 自定义规则 header
icon 从 Filter(漏斗)换成 MagicStick ✨(魔法棒):
- 视觉权重更高,16px 下也比 Filter 显眼
- 语义贴合「自定义 = 用户施展的小魔法」
- 不与其他三张卡冲突:Connection / Setting / Document / MagicStick ✨
- 已 grep 确认 Element Plus icons-vue v2.3.2 IIFE bundle 导出 MagicStick

【WORKLOG】
docs/WORKLOG.md 顶部追加两条记录说明上述两个改动。
parent 4b694b62
......@@ -2,6 +2,60 @@
> 任务做完一次记一次。最近的在最上面。
## 2026-08-12 · 自定义规则:换图标 Filter → MagicStick ✨
### 需求
> 用户反馈:「自定义规则也加一个icon」
卡片 header 已经写了 `<el-icon><Filter /></el-icon>`,但 Filter(漏斗)在 16px 下视觉权重偏弱,且语义上不如「魔法棒 / 自定义」贴合。
### 改动
[web/static/index.html:366](web/static/index.html#L366):
```html
<!-- 旧 -->
<el-icon><Filter /></el-icon>
<!-- 新 -->
<el-icon><MagicStick /></el-icon>
```
### 为什么选 MagicStick
- Element Plus icons-vue v2.3.2 IIFE bundle 已确认导出(`grep MagicStick: index.iife.min.js` ✅)
- 视觉:✨ 显眼,比 Filter 漏斗的视觉权重高
- 语义:自定义 = 用户施展的小魔法,「魔法棒」贴合「自定义规则」主题
- 不与其他卡冲突:
- 连接数据库 → Connection
- 分析配置 → Setting
- 数据字典浏览器 → Document
- 自定义规则 → MagicStick ✨
### 备注
- 已确认 `Filter`/`MagicStick` 都在 IIFE bundle 里(line 82 全量挂到 `window.ElementPlusIconsVue`,line 1996-1998 全量 `app.component` 注册),不存在 icon 没注册导致不渲染的情况
- 如果用户反馈 MagicStick 太大或太花哨,可以换成 `EditPen`(笔)或 `SetUp`(设定)
## 2026-08-12 · 自定义规则:点击「开始分析」后自动折叠
### 需求
> 用户反馈:「点击分析的时候自定义规则也自动折叠」
启动分析成功后已经有 3 张配置卡(连接 / 分析配置 / 数据字典浏览器)自动折叠,但「自定义规则」卡遗漏 — 保持展开会让「分析进度」和「分析结果」的视觉焦点被分散。
### 改动
[web/static/index.html:1619-1624](web/static/index.html#L1619-L1624) `startJob()` 成功回调里增加一行:
```js
// 启动成功后折叠配置卡,让焦点落到「分析进度」上
connectionCollapsed.value = true;
analysisConfigCollapsed.value = true;
dataDictCollapsed.value = true;
customConfigCollapsed.value = true; // ← 新增
subscribeLogs(r.job_id);
```
### 备注
- `customConfigCollapsed` 在 reset / 重连 / `clearCustomRules` 等场景会被复位为 `false`(参见 L1435 等),所以折叠后用户仍可点卡头手动展开
- 注释里的「3 张」改为「配置卡」(表述更准确,避免下次再加新卡时还要改注释)
## 2026-08-12 · 自定义规则:去掉 distinct 后仍看到旧字段 — start.py reload=False 需手动重启
### 现象
......
......@@ -363,7 +363,7 @@
<el-card v-if="connected && dataDict.length > 0" class="section-card" :class="{ 'is-collapsed': customConfigCollapsed }" shadow="hover">
<template #header>
<div class="card-header">
<el-icon><Filter /></el-icon>
<el-icon><MagicStick /></el-icon>
<span class="card-title">自定义规则</span>
<span class="dict-status">已添加 <strong style="color: #409eff">{{ customRules.length }}</strong> 项</span>
<div style="margin-left: auto">
......@@ -1616,10 +1616,11 @@
return;
}
currentJob.value = r.job_id;
// 启动成功后折叠 3 张配置卡,让焦点落到「分析进度」上
// 启动成功后折叠配置卡,让焦点落到「分析进度」上
connectionCollapsed.value = true;
analysisConfigCollapsed.value = true;
dataDictCollapsed.value = true;
customConfigCollapsed.value = true;
subscribeLogs(r.job_id);
pollStatus(r.job_id);
} catch (e) {
......
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