Dubhe/STP
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

refactor(design): 统一供应商信息维护模块右侧浮窗为小滨AI助手样式

Browse Source 
- 移除原“安全状态”和“文件管理说明”静态浮窗
- 新增小滨AI助手对话气泡组件，整合安全提醒、安全状态及文件管理说明
- 调整右侧助手位置，使整体布局更协调
- 优化视觉风格，保持与平台品牌色一致
This commit is contained in:
yeww
2026-07-01 18:25:43 +08:00
parent 36add99032
commit 3bd2a0a31d
1 changed files with 57 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/architecture/详细设计/供应商信息维护模块.md
+57 -18
View File
@@ -46,9 +46,6 @@
<linearGradient id="brandGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#c2185b"/><stop offset="100%" stop-color="#e91e63"/>
</linearGradient>
<linearGradient id="tabActive" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#c2185b"/><stop offset="100%" stop-color="#c2185b"/>
</linearGradient>
</defs>
<rect width="1100" height="800" fill="#f5f7fa"/>
@@ -119,6 +116,26 @@
<!-- 资料更新时间 -->
<text x="140" y="645" font-size="12" fill="#b0bbcc">资料最后更新：2026-06-30 14:30</text>
<text x="380" y="645" font-size="12" fill="#b0bbcc">| 供应商编号：SUP_20260630_0158</text>
<!-- ============================================================ -->
<!-- ===== 右侧：小滨AI助手提醒（替换原静态浮窗） ===== -->
<!-- ============================================================ -->
<rect x="720" y="200" width="240" height="195" rx="10" fill="#ffffff" stroke="#e0e4ec" filter="url(#shadowLight)"/>
<!-- 头像 + 标题 -->
<circle cx="745" cy="228" r="16" fill="url(#brandGrad)"/>
<text x="745" y="233" text-anchor="middle" font-size="11" fill="#fff" font-weight="bold">小滨</text>
<text x="770" y="233" font-size="14" font-weight="bold" fill="#1a2332">AI 助手</text>
<!-- 小滨对话气泡 -->
<rect x="725" y="255" width="220" height="125" rx="8" fill="#f0f4ff" stroke="#d1e3ff"/>
<path d="M740 255 L748 245 L756 255 Z" fill="#f0f4ff" stroke="#d1e3ff" stroke-width="1"/>
<text x="740" y="278" font-size="12" fill="#1565c0" font-weight="bold">💡 安全提醒</text>
<text x="740" y="300" font-size="11" fill="#4a5568">• 修改手机号需验证新旧号码</text>
<text x="740" y="320" font-size="11" fill="#4a5568">• 修改密码需验证当前密码</text>
<text x="740" y="340" font-size="11" fill="#4a5568">• 所有变更将同步至SRM系统</text>
<text x="740" y="360" font-size="11" fill="#4a5568">• 操作记录将保存7年</text>
</svg>
```
@@ -459,13 +476,25 @@ sequenceDiagram
<rect x="790" y="868" width="60" height="16" rx="3" fill="url(#statusGreen)"/>
<text x="820" y="880" text-anchor="middle" font-size="11" fill="#fff">正常</text>
<!-- 安全状态聚合（右侧浮窗） -->
<rect x="720" y="120" width="240" height="130" rx="8" fill="#e8f5e9" stroke="#4caf50"/>
<text x="740" y="148" font-size="14" font-weight="bold" fill="#2e7d32">🟢 安全状态</text>
<text x="740" y="175" font-size="12" fill="#1b5e20">• 密码强度：强</text>
<text x="740" y="198" font-size="12" fill="#1b5e20">• 手机/邮箱：已验证</text>
<text x="740" y="221" font-size="12" fill="#1b5e20">• 登录设备：2 台（含异常告警）</text>
<text x="740" y="244" font-size="12" fill="#c62828">• 近 90 天异常登录：1 次 ⚠️</text>
<!-- ============================================================ -->
<!-- ===== 右侧：小滨AI助手提醒（替换原安全状态浮窗） ===== -->
<!-- ============================================================ -->
<rect x="720" y="120" width="240" height="195" rx="10" fill="#ffffff" stroke="#e0e4ec" filter="url(#shadowLight)"/>
<!-- 头像 + 标题 -->
<circle cx="745" cy="148" r="16" fill="url(#brandGrad)"/>
<text x="745" y="153" text-anchor="middle" font-size="11" fill="#fff" font-weight="bold">小滨</text>
<text x="770" y="153" font-size="14" font-weight="bold" fill="#1a2332">AI 助手</text>
<!-- 对话气泡 -->
<rect x="725" y="175" width="220" height="125" rx="8" fill="#f0f4ff" stroke="#d1e3ff"/>
<path d="M740 175 L748 165 L756 175 Z" fill="#f0f4ff" stroke="#d1e3ff" stroke-width="1"/>
<text x="740" y="198" font-size="12" fill="#1565c0" font-weight="bold">💡 安全状态</text>
<text x="740" y="220" font-size="11" fill="#4a5568">• 密码强度：强</text>
<text x="740" y="240" font-size="11" fill="#4a5568">• 手机/邮箱：已验证</text>
<text x="740" y="260" font-size="11" fill="#4a5568">• 登录设备：2 台（含异常告警）</text>
<text x="740" y="280" font-size="11" fill="#4a5568">• 近 90 天异常登录：1 次 ⚠️</text>
</svg>
```
@@ -801,15 +830,25 @@ flowchart TD
<text x="170" y="782" font-size="13" fill="#b0bbcc">该分类下暂无其他文件</text>
<!-- ============================================================ -->
<!-- ===== 右侧使用提示 ===== -->
<!-- ===== 右侧：小滨AI助手提醒（整体上移50） ===== -->
<!-- ============================================================ -->
<rect x="720" y="25" width="240" height="160" rx="8" fill="#e3f2fd" stroke="#1565c0"/>
<text x="740" y="53" font-size="14" font-weight="bold" fill="#1565c0">📌 文件管理说明</text>
<text x="740" y="80" font-size="12" fill="#0d47a1">• 支持格式：PDF/JPG/PNG</text>
<text x="740" y="103" font-size="12" fill="#0d47a1">• 单个文件 ≤ 20MB</text>
<text x="740" y="126" font-size="12" fill="#0d47a1">• 文件总数量 ≤ 50 个</text>
<text x="740" y="149" font-size="12" fill="#0d47a1">• 删除后不可恢复，请谨慎操作</text>
<text x="740" y="172" font-size="12" fill="#0d47a1">• 投标报名时可一键引用已上传文件</text>
<rect x="720" y="150" width="240" height="195" rx="10" fill="#ffffff" stroke="#e0e4ec" filter="url(#shadowLight)"/>
<!-- 头像 + 标题 -->
<circle cx="745" cy="178" r="16" fill="url(#brandGrad)"/>
<text x="745" y="183" text-anchor="middle" font-size="11" fill="#fff" font-weight="bold">小滨</text>
<text x="770" y="183" font-size="14" font-weight="bold" fill="#1a2332">AI 助手</text>
<!-- 对话气泡 -->
<rect x="725" y="205" width="220" height="125" rx="8" fill="#f0f4ff" stroke="#d1e3ff"/>
<path d="M740 205 L748 195 L756 205 Z" fill="#f0f4ff" stroke="#d1e3ff" stroke-width="1"/>
<text x="740" y="228" font-size="12" fill="#1565c0" font-weight="bold">📌 文件管理说明</text>
<text x="740" y="250" font-size="11" fill="#4a5568">• 支持格式：PDF/JPG/PNG</text>
<text x="740" y="270" font-size="11" fill="#4a5568">• 单个文件 ≤ 20MB</text>
<text x="740" y="290" font-size="11" fill="#4a5568">• 文件总数量 ≤ 50 个</text>
<text x="740" y="310" font-size="11" fill="#4a5568">• 删除后不可恢复，请谨慎操作</text>
<text x="740" y="330" font-size="11" fill="#4a5568">• 投标报名时可一键引用已上传文件</text>
</svg>
```