(简易)测试数据构造平台: 19 (工具申请功能)

【本节目标】打通工具申请功能，实现工单自动新增

工具申请功能，即在前端页面上点击弹层确定的时候，发出请求给后台自己的函数，这个函数再去调用新建工单函数而已。

所以这个函数就作为了 整理数据的工作，即前端视图逻辑层。而调用的下游-新建工单函数，涉及到具体的重业务功能，所以即业务层。

我们现在的这个确定按钮，并没有效果，需要手动加上，代码如下：

上图中，我们把确定按钮的点击事件变成了某个函数：add_tool

然后自然就需要再这个函数中写这个相关的功能了~

功能包括，发送一个post请求给后台，并且在请求返回后 关闭当前弹层,并且出现一个缓慢消失的提示框

"小饭已经帮您新建申请工具的工单了~请小主耐性等待主程大大的回复~"。

代码如下：

上述代码中，post请求的axios。

url是/add_tool/

请求参数只有俩个，是我们data当中的form变量的俩个值，这俩个值和弹层中用户输入的那俩个输入框是绑定的，所以不用考虑不同。

返回结果中，除了关闭当前弹窗外，还展示了一条消息提示：

this.$message('这是一条消息提示');

好了，如果没有意外的话，前端这边就先这样了。

当然有Bug也不用大惊小怪的，专业开发都有bug，更何况我们测开呢。连测试都没有，能保证自测无bug本身就是极难的事情。

下节课，我们要开发新增工具-工单 的后端部分代码