表单提交功能代码解析

这段 JavaScript 代码定义了一个使用 async/await 语法的函数，用于实现表单提交功能。

代码功能：

该函数接收一个参数 r，执行表单提交的逻辑，具体步骤如下：

1. 字段校验:

   • 检查姓名是否为空，如果为空，则返回错误提示信息 '姓名不能为空' 并结束函数。
   • 检查手机号是否为空，如果为空，则返回错误提示信息 '手机不能为空' 并结束函数。
   • 检查手机号格式是否正确，如果不正确，则返回错误提示信息 '手机应输入手机格式' 并结束函数。

2. 跨表格数据更新:

   • 判断是否需要进行跨表格数据更新。
   • 如果需要，则获取相关信息，例如存储的列名、列值和关联表数据。
   • 根据存储的列名是单个字段还是数组，进行相应的更新操作。
   • 最后调用 $api.update 方法更新数据。

3. 数据提交:

   • 首先判断是否存在 id 字段，如果存在则执行更新操作，否则执行添加操作。
   • 更新操作调用 $api.update 方法，添加操作调用 $api.add 方法。

4. 提交结果处理:

   • 无论是更新还是添加操作，成功后都返回成功提示信息 '提交成功'，并结束函数。

代码解析:

代码中使用 switch 语句和 r.next 控制代码执行流程，case 语句中包含不同的处理逻辑。$utils.msg 方法用于显示提示信息，$api.update 和 $api.add 方法用于更新和添加数据。

总结:

这段代码清晰地展示了表单提交的完整流程，包括字段校验、跨表格数据更新以及数据提交等关键步骤，代码结构清晰，逻辑易懂。