【本节目标】打通工具申请功能，实现工单自动新增
工具申请功能，即在前端页面上点击弹层确定的时候，发出请求给后台自己的函数，这个函数再去调用新建工单函数而已。
所以这个函数就作为了 整理数据的工作，即前端视图逻辑层。而调用的下游-新建工单函数，涉及到具体的重业务功能，所以即业务层。
我们现在的这个确定按钮，并没有效果，需要手动加上，代码如下：
上图中，我们把确定按钮的点击事件变成了某个函数：add_tool
然后自然就需要再这个函数中写这个相关的功能了~
功能包括，发送一个post请求给后台，并且在请求返回后 关闭当前弹层,并且出现一个缓慢消失的提示框
"小饭已经帮您新建申请工具的工单了~请小主耐性等待主程大大的回复~"。
代码如下：
上述代码中，post请求的axios。
url是/add_tool/
请求参数只有俩个，是我们data当中的form变量的俩个值，这俩个值和弹层中用户输入的那俩个输入框是绑定的，所以不用考虑不同。
返回结果中，除了关闭当前弹窗外，还展示了一条消息提示：
this.$message('这是一条消息提示');
好了，如果没有意外的话，前端这边就先这样了。
当然有Bug也不用大惊小怪的，专业开发都有bug，更何况我们测开呢。连测试都没有，能保证自测无bug本身就是极难的事情。
下节课，我们要开发新增工具-工单 的后端部分代码，欢迎关注：测试开发干货
