-
好的，我来对比两张图片并整合一份完整的需求说明。
全局搜索替换（Global Search & Replace）完整需求说明
一、功能概述
这是一个独立的全局搜索替换页面，支持在 WeLoc 平台中跨多种数据源进行批量搜索和替换操作。
二、两种模式对比
对比项 REPLACE TARGET（替换译文） REPLACE SOURCE（替换原文） 搜索字段数量 3个字段 2个字段 字段1 FILTER STRINGS (CONTEXT) - 上下文过滤 SEARCH CONTENT - 搜索内容 字段2 SEARCH (TO BE REPLACED) - 要替换的词 REPLACE WITH - 替换为 字段3 REPLACE WITH - 替换为 ❌ 无 语言选择 Chinese Simplified（目标语言） English（源语言） 搜索范围标签 SEARCH RANGE SEARCH SCOPE 范围选项顺序 Operation, R&D, TM, TB R&D, Operation, TM, TB 结果高亮说明 FILTER CONTEXT / REPLACEMENT TARGET Filter Context / Search Target 特殊提示 ❌ 无 ⚠️ "R&D CMS strings are not editable, they are view-only in search results" 结果显示 显示选中数/总数 + 最大显示限制提示 显示 Results (1000/1000 items) 选择全部 Select All 1000/2485 Selected SELECT ALL 1000 ITEMS
三、详细功能说明
1. Tab 切换
┌─────────────────┬──────────────────┐ │ REPLACE TARGET │ REPLACE SOURCE │ │ (替换译文) │ (替换原文) │ └─────────────────┴──────────────────┘2. 搜索表单
REPLACE TARGET 模式（三段式）：
字段 标签 示例值 说明 1 FILTER STRINGS (CONTEXT) check先筛选包含该上下文的句段 2 SEARCH (TO BE REPLACED) merchant在筛选结果中查找要替换的词 3 REPLACE WITH trader替换成的内容 REPLACE SOURCE 模式（两段式）：
字段 标签 示例值 说明 1 SEARCH CONTENT merchant搜索原文中的内容 2 REPLACE WITH trader替换成的内容 3. 重要提示信息
REPLACE SOURCE 模式特有：
⚠️ R&D CMS strings are not editable, they are view-only in search results.
（R&D CMS 字符串不可编辑，在搜索结果中仅供查看）
这意味着原文替换对 R&D 来源的数据有限制。
4. 搜索范围（SEARCH RANGE / SEARCH SCOPE）
数据源 说明 可编辑性 Operation 运营任务中的句段 ✅ 可编辑 R&D 研发任务中的句段 ⚠️ REPLACE SOURCE 模式下只读 TM 翻译记忆库 ✅ 可编辑 TB 术语库 ✅ 可编辑 5. 语言选择器
- REPLACE TARGET → 选择目标语言（如 Chinese Simplified）
- REPLACE SOURCE → 选择源语言（如 English）
6. 搜索结果列表
通用元素：
- ☑️ 复选框（用于选择要替换的条目）
- 高亮显示匹配关键词（黄色背景）
- 来源标签 + 文件/任务信息
REPLACE TARGET 模式特有：
- REPLACE PREVIEW 区块（灰色背景）
- 替换后的词用下划线 + 斜体显示
REPLACE SOURCE 模式特有：
- CURRENT CONTENT 标题
- REPLACE PREVIEW 区块（灰色背景）
7. 数据来源标签样式
标签 颜色样式 附加信息 Operation🟢 绿色填充 File: xxx, Task: xxx R&D🔵 蓝色填充 File: xxx, Task: xxx R&D+Completed🔵 蓝色 + 🟢 绿色 File: xxx, Go to CMS链接R&D (TRANSLATING)🔵 蓝色填充 File: xxx, Task: xxx R&D (COMPLETED)🔵 蓝色填充 File: xxx, CMS ENTRY链接TM🟡 黄色边框 Library: xxx, Manage Memory链接TM MEMORY🔵 蓝色边框 Library: xxx, Manage Memory链接TB无（待确认） Termbase: xxx, Manage Termbase链接TB TERMBASE🟢 绿色边框 Termbase: xxx, Manage Termbase链接8. 快捷操作链接
链接文本 功能 CMS ENTRY/Go to CMS跳转到 CMS 对应条目页面 Manage Memory跳转到翻译记忆库管理页面 Manage Termbase跳转到术语库管理页面 9. 操作按钮
按钮 功能 Show Replace Preview ☑️ 切换是否显示替换预览 FIND 执行搜索 REPLACE SELECTED 替换选中的条目 10. 分页与批量选择
- 支持 SELECT ALL 全选当前页
- 显示格式：
1000/2485 Selected或Results (1000/1000 items) - 超出显示数量的条目不会被替换（有提示）
四、高亮颜色图例
颜色 REPLACE TARGET REPLACE SOURCE 灰色/蓝色 FILTER CONTEXT（上下文过滤词） Filter Context 黄色 REPLACEMENT TARGET（要替换的词） Search Target
五、开发任务清单
前端新增内容
任务 优先级 新建 src/pages/GlobalSearchReplace/目录P0 创建主页面 GlobalSearchReplace.vueP0 Tab 切换组件（REPLACE TARGET / REPLACE SOURCE） P0 动态表单组件（根据 Tab 切换显示 2/3 个字段） P0 搜索范围多选组件（Operation, R&D, TM, TB） P0 语言选择器组件 P0 搜索结果列表组件 P0 数据来源标签组件（多种样式） P1 替换预览高亮组件 P1 分页与批量选择逻辑 P1 快捷链接跳转（CMS ENTRY / Manage Memory / Manage Termbase） P2 新增路由配置 P0 国际化文案（zh.ts / en.ts） P1 后端 API（需确认）
API 说明 全局搜索接口 跨 Operation、R&D、TM、TB 搜索 全局替换接口 批量替换，支持按数据源区分 TM 条目更新接口 直接修改翻译记忆库 TB 术语更新接口 直接修改术语库
六、与现有功能对比总结
功能点 现有 CAT 替换对话框 新需求全局搜索替换 入口位置 CAT 翻译工作台内弹窗 独立页面（主菜单入口） 搜索范围 当前文件/所有文件 Operation + R&D + TM + TB 上下文过滤 ❌ 无 ✅ REPLACE TARGET 模式支持 替换原文 ❌ 不支持 ✅ REPLACE SOURCE 模式 修改 TM 库 ❌ 不支持 ✅ 支持 修改术语库 ❌ 不支持 ✅ 支持 跳转管理页 ❌ 无 ✅ 支持多种快捷跳转 R&D 只读限制 ❌ 无 ✅ REPLACE SOURCE 模式下 R&D 只读
这份文档整合了两张需求稿的所有细节，可以作为开发的参考依据。如果需要我开始实现这个功能，请告诉我！