通过elementUI实现多个表单提交

最近工作遇到一个需求就是通过elementUI实现多个表单提交，除了表头的表单固定只有一个，表体的表单是动态的，需要根据后台接口返回的数组去遍历生成，表头和表体的表单都是通过一个接口去提交，其中表体的多个动态表单可以通过一个字段bodyList(其中bodyList是数组)去提交，由于每个表单都需要校验，于是想到了结合Promise.all去实现这个功能，只有每个表单都校验通过才可以调用接口提交给后台。

1.首先展示要实现的效果

2.为了简化代码，接下来有些重复的地方就截取一部分的代码

注意：动态生成的表单，校验只能template中，这样需要几个就写几个

o

从后台接口拿到需要遍历的数组，遍历这个数组，生成一个符合格式要求的新数组

点击提交，校验表头和两个表体，只有表头和表体都通过校验，三次resolve都成功，Promise.all才会继续往下执行，然后调用接口提交3个表单的数据