ZBLOG

关联客户

要在 addCustomer 事件中处理 mode="tags" 的输入,并确保传递手动输入的所有值,而不需要关联产品名称与借据号,你可以按照以下步骤进行:

  1. 调整数据结构:将 formModal.productNameformModal.loanInfoCode 修改为能够保存标签(手动输入的内容)和选择项。

  2. 收集手动输入的值:在构建要发送的参数时,直接将用户输入的产品名称和借据号都纳入考虑。

这里是修改后的 addCustomer 函数示例:

  1. const addCustomer = (values) => {
  2. // 获取手动输入和选择的产品名称
  3. const selectedProducts = formModal.value.productName;
  4. // 对于每个产品名称,获取相关的借据号,无论是选择还是手动输入
  5. const selectedData = selectedProducts.map((productName) => {
  6. // 不仅仅过滤已知贷款信息,还包括用户手动输入的信息
  7. const loanCodes = formModal.value.loanInfoCode.map((loanCode) => loanCode.trim()).filter(loanCode => loanCode !== '');
  8. return {
  9. productName,
  10. loanInfoCode: loanCodes, // 将所有借据号一并返回,不做关联处理
  11. };
  12. });
  13. const params = {
  14. workOrderLoans: selectedData,
  15. };
  16. addWorkOrder(params)
  17. .then((response) => {
  18. if (response.success) {
  19. message.success(response.message);
  20. } else {
  21. message.error(response.message);
  22. }
  23. });
  24. };

注释说明:

  • 使用了 .map().filter() 来收集所有传入的值,包括从下拉框选择的和用户自己手动添加的。
  • 在构建 selectedData 时,将选定的产品与所有有效(非空)的借据号一起打包。这样,即使是通过标签模式 (tags) 手动添加的借据号也会被包含在请求参数中,而无需依赖它们之间是否有特定关联。

注意事项:

  • 确保你的 UI 界面上能允许用户自由地添加多种类型的数据,并且这些数据会根据业务逻辑进行处理。
  • 此外,根据具体需求,可能需要增加验证逻辑,以确保发送的数据符合后端要求。


    内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=22843

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?