上海前端兼职程序员外包

需求描述

整体需求
1、 实现基于Git代码库分支合并过程中，代码冲突在线解决的可视化工具。
2、支持用户在受理 Pull Request、Cherry-Pick 过程中，通过产品提供的在线解决冲突能力完成分支代码冲突文件的在线比对、解决。并将解决冲突后的代码文件应用至目标分支。
需求一：冲突文件列表
1需求描述
在 Pull Request 处理页面，优化改进页面呈现结构，通过将存在冲突的文件，按照代码库的层级结构做 Tree 型数据展示呈现。
2功能需求
（1）Tree 型结构展示
----按照代码库文件目录的层级结构，以 Tree 的呈现方式展示存在冲突的代码文件，支持按照 Commit 维度在 Tree 中切换冲突文件内容。
----Tree 中的数字图标可不进行展示
----存在冲突的文件左侧图标默认为红色，冲突解决完毕自动变为绿色。同时冲突解决完毕后，实现自动减少冲突文件总数、移动已解决冲突的文件至 变更文件 列表内。
（2）双兰展示
----用户点击左侧 Tree 中任意冲突文件，右侧展示对应的冲突内容并以两栏方式呈现。其中左侧为源分支代码文件内容，右侧为目标分支代码文件内容。
----两栏对比中需要以区块、颜色标注对应的冲突内容。
（3）解决冲突操作入口
点击解决冲突操作按钮，弹出解决冲突页面，完成冲突的处理。

需求二：解决冲突
1需求描述
用户在该页面内可以浏览冲突文件的具体冲突信息，对存在冲突的文件内容进行左右对比、快速替换、编辑保存、切换上一个/下一个冲突文件、取消等操作。
2功能需求
（1）三栏展示
----页面主题以三栏结构进行展示，左侧=源分支文件，中间=临时区（可编辑内容）、右侧=目标分支文件。
----三栏呈现过程中，需要通过颜色表示出存在冲突的文件内容区块。其中红色表示冲突、绿色表示新增内容。
（2）比对逻辑
---左侧内容与右侧内容进行全文交叉比对，即：排除左侧与右侧内容的差异点组合成新的内容并呈现在中间区域。以中间区域为准，展示与左侧、右侧之间的差异内容，并通过不同的颜色进行标记识别。
---中间区域默认内容以左侧内容为准，与右侧内容对比。
---中间区域支持编辑。
（3）冲突处理
----支持在三栏区域内点击 >> << 图标按钮实现内容向中间区域的替换；
----支持一键应用左侧或右侧内容替换中间区域内容
----支持一键同时应用左右两侧内容，实现内容合并至中间区域，并在中间区域实现冲突内容的编辑修改。

4 参照
IDEA or 更多其他 IDE 或 Git 客户端的代码冲突解决界面与实现逻辑。