【deepseek用例生成平台-25】需求优化功能开发

本节课，我们将开发需求按照用例设计方案进行优化的功能：

今天的主要任务是，做一个前端交互的配置弹层，点击优化需求按钮后，弹出可选的各种测试用例设计方法和话术设计等。

明天的任务是。点击弹层的下一步按钮，点下一步后，经过后台处理，页面会生成优化后的所有功能的新的子需求，可能会有上百条... 。

之后的任务是，点击用例生成按钮，然后后台根据这上百条新的有侧重子需求(功能点)进行生成测试用例，用例展示在用例页面，用例页面有去重和去不可能俩个按钮。还有包括其他的手动修改，导出，存储等一切功能。

打开SrsSet.vue：

先清空optimize_new_srs函数的内部代码。（需要大改）

然后我们先别着急写，先去上面做一个弹层出来，之后用这个函数控制弹层的展示与隐藏

上面代码我们设置了一个默认隐藏的弹窗，靠showDialog变量控制。false就是隐藏，true就是显示，所以取消按钮就是把它变成false，并且下面data里的默认值就是false。然后我们再看optimize_new_srs函数，第一件事就是修改showDialog变量为true，来展示弹层：

这样，点击一下，就可以看到弹层了：

然后我们设计一个列表+字典的变量，存放这些用例设计配置。

在上面的内容插槽中，循环展示这个列表字典变量。

上图中，为了方便预览效果，所以我写死了俩个假的，之后我们会存在数据库中真的，按不同项目进行单独存储。

现在，给上面的dialog补全：

下方style中添加样式input-group

效果如图：