文书操作指南的重构

需求背景：让用户快速熟悉和操作文书

布局：

功能说明：

1、点击"操作指南"按钮弹出弹框 默认展示第一个层级的内容，且高亮

2、左边标题导航栏有三级菜单栏，点击最小层级对应父级层也随着高亮，且展示对应的标题内容。

3、右边内容展示区：展示父级标题，点击二级标题时就展示内容，当上下滚动可视区域页面时，内容的三级标题号也要对应导航栏的三级标题，即，当1-1-2头部滚动距离可视区域有一定距离，即判断导航栏1-1-2的标题高亮，且当点击导航栏时，对应内容也相应展示。

4、搜索框

（1）模糊搜索 + 关键词高亮

当搜索一个关键词，搜索内容区域展示可参考vue官方文档：

展示内容五条数据以内，且点击搜索内容可跳转到对应内容的二级标题导航

1、标题

1-1、标题：内容（如果三级标题没有关键字，内容就展示包含关键字的二级标题）

1-2、标题：内容

1-3、标题：内容

1-4、标题：内容

2、标题

2-1、标题： 内容（如果三级标题含有关键字，内容就展示包含关键字的三级标题）

当搜索的关键字是内容里的，则展示为：

1、标题 1-1 标题：1-1-1标题 内容 （内容截取包含关键字的一段11个字的文字，后边加省略号。。。，且关键字高亮）

第一种情况

第二种情况

第三种情况