思路分析 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. 1. 功能需求拆解
  2. - 在客户联系人下方添加联系人电话字段
  3. - 联系人电话可以从下拉框选择时自动获取
  4. - 允许手动输入客户联系人和电话
  5. - 需要修改表单验证规则
  6. 2. 技术实现要点
  7. - 修改表单结构,添加新字段
  8. - 添加联系人选择联动逻辑
  9. - 调整验证规则
  10. - 确保提交时包含新增字段
  11. 3. UI交互设计
  12. - 保持与现有表单风格一致
  13. - 确保字段间的联动平滑
  14. 1. 修改上传组件配置
  15. - 将limit改为3
  16. - 调整照片预览样式
  17. 2. 调整数据处理
  18. - 修改checkImage字段存储格式
  19. - 使用英文逗号拼接多个图片id
  20. - 调整相关处理方法
  21. 1. 功能优化
  22. - 添加多选功能
  23. - 保持单张上传处理
  24. - 控制上传数量限制
  25. 2. 样式优化
  26. - 增加弹窗宽度
  27. - 优化图片显示布局
  28. - 调整上传组件样式
  29. 1. 问题定位
  30. - 当前上传请求未成功发送
  31. - 需要自定义上传实现
  32. 2. 解决方案
  33. - 移除action属性
  34. - 使用http-request自定义上传
  35. - 完善错误处理
  36. 1. 问题修复
  37. - 替换 $http 为 axios
  38. - 优化异步上传逻辑
  39. 2. 上传流程优化
  40. - 使用 Promise.all 处理多文件
  41. - 添加上传进度提示
  42. - 完善错误处理